Is there a way to get background video working on Mobile?

Hi All,

Is it possible to get background video working on mobile? I’ve tried a few of the suggested methods but with no luck. Both with the Webflow background video and also with a video hosted on dropbox.

Thanks,

Niall

Not using the webflow background video element. Background videos introduce significant performance issues on mobile devices.

https://webflow.com/blog/website-background-video-tips-tricks-and-resources

Hi @Niall_Mc_Dermott

If you can host your own video, add an embed element with the following code and change the links and style:

<video autoplay="autoplay" playsinline muted loop="loop" poster="link to your video poster image" style="height:100%; width:100%;">
<source src="link to your mp4 video" type="video/mp4">
<source src="link to your webm video" type="video/webm">
</video>

“playsinline” is the attribute that allows the video to play on mobile devices (also, the video has to be muted).

Alternatively, you can try this JavaScript solution Make Webflow's Background Video PLAY on iOS and Android