Avada Forums Community Forum Video not playing on mobile Reply To: Video not playing on mobile

Ingo
Participant
Post count: 4

As mentioned, videos are only obscured by the mobile video
image and the video itself is set to display none.

I ended up with this …

Avada > Options > Custom CSS:

.ua-mobile .tfs-slider .self-hosted-video-bg {
    display: inherit !important;
}
.ua-mobile .tfs-slider .mobile_video_image {
    display: none !important;
}

Videos are displayed on mobile devices now.
However, there is no longer a video image.

To fix that you can do something like:

jQuery(document).ready(function($) {
    $('#myid video').attr('poster', 'https://myimage.url');
});

and add it to: Avada > Options > Advanced > Code Fields > Space before </body>

Optional, if needed also add playsinline attribute to the video tag.
$('video').attr('playsinline', '');

Hope this helps =)