This is big news for all of us and this article is a great read and funny too.
WebKit’s New policies for video
Starting in iOS 10, WebKit relaxes its inline and autoplay policies to make these presentations possible, but still keeps in mind sites’ bandwidth and users’ batteries.
It would be great to know if Webflow can support this now and how we could implement it. Or do we need to wait for an update.
What you’re looking for is playsinline which can be added to any video element. This works beautifully on inline videos on iOS 10.
The Webflow team might want to add playsinline to their default background video element, considering users would have to manually inject using JS as a workaround until then.
Note: playsinline will not work if your video has an audio track. If you’re unable to remove the audio track from a video, you can add muted to the video element.
Cool!
As I sidenote, I just realized that embedding the html code actually plays
the video directly in the designer view and works great when publishing as
well, so problem solved for me at least!
Also works with 3D transformations etc so quite nice!