Background video not working well on iPad and iPhone

Hi.
In order to display a background video, I’ve created an embed widget as explained in this forum, inside a section with the following settings: position:absolute, display:block:

poster="https://s3-us-west-1.amazonaws.com/folloze-videos/home_top_bg_3a.png"

The background works fine on desktop, but on mobile it displayed a round “PLAY” icon and then an image and does not play the video.

Thank you,
Naama.

HTML5 BG Video will never work on mobile as they do on desktop. Videos on mobile don’t play inline (but fullscreen in a player) and don’t autostart.

You can hide your html5 video widget for mobile, and dislay only for mobile an element that has an animated gig on bg, a shorter and more compressed, in gif, version of your video.

Example here: http://www.1001pneus.com/ See how the video turns to a shorter gif on the hero section, when resizing the browser.

1 Like

Thank you very much @vincent, you’ve been very helpfull!
Naama.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.