Streaming live at 10am (PST)

Background video not working well on iPad and iPhone


#1

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.


#2

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.


#3

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


#4

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