Hi, I’ve been looking into how to implement HTML5 videos as a background video on mobile. Previously I thought it was impossible due to OS limitations, however I’ve found it being used on quite a few websites now (They aren’t GIFS as far as I can tell) and was wondering if anyone had any advice on …

FYI: we add playsinline to our built-in background video component: no custom code needed! Republish exiting sites to see the added attribute. [image] Why Webflow is still not adding "playsinline" option to video background? Product feedback New! We reconsidered. Sites wi…

Apparently you only need the playsinline attribute… I have a working example with just that code: http://vincent.polenordstudio.fr/snap/3w7kq.jpg At least on iPhone / IOS10 <video playsinline autoplay loop muted style="min-width:100%; min-height:100%;" > <source type="video/mp4" src="//bg.cdn.…

That’s absolutely incredible, thank you so much for your quick help Vincent! Unfortunately I don’t have an android device to test this on, but do you know if I’ll need to supply a fall back image for older android devices?

iOS relaxed their restrictions. If the video doesn’t have sound, it CAN be autoplayed inline.

I have tested it on many android devices now, so I can say it’s not working at all on Android. Only iOS10 Safari. So yes you need to provide a fallback for all the rest.

[image] samliew: If the video doesn’t have sound Oh ok, so the mutedattribute isn’t even needed. Makes sense.

HTML5 Video autoplay now working on mobile?

Design help Custom code

forresto (Forrest Oliphant) October 15, 2018, 8:02pm 8

FYI: we add playsinline to our built-in background video component: no custom code needed! Republish exiting sites to see the added attribute.

Topic		Replies	Views
Make Webflow's Background Video PLAY on iOS and Android Webflow Tips	41	36664	January 10, 2025
Background Videos Not Playing On Mobile, 2020 Bugs	8	12494	June 6, 2020
Background video on mobile (2018) Product feedback	3	4977	May 2, 2018
Embed video autoplay Custom code	6	12672	March 3, 2022
Background video on mobile? General	2	4851	June 15, 2017

HTML5 Video autoplay now working on mobile?

Related topics