Video not playing on mobile

[VoltIreland]

#885065

Hi Peterue,

I also noticed that the video seems to be covered by a placeholder on all mobile devices.

Could you elaborate where and how to use this css to resolve the issue?

currently abit lost on how to apply this css you mentioned

much appreciated.

[Ingo]

#885186

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 =)

[Chris Andersen]

#889764

Thanks so much for this.
I will use it gladly if there is no integrated solution in the settings.

Is there any solution to this issue in the settings without coding?

[academytechnologies]

#889799

I’m struggling with the same thing. Can’t believe that this has been a known issue for almost 3 years.
Thank you, Ingo, for your solution. Can you explain where I make the modification to the video tag? “Optional, if needed also add playsinline attribute to the video tag. $(‘video’).attr(‘playsinline’, ”);”.
I added the custom css, but I’m still not seeing my video play.

[Author]

Posts