Functional
Auto Video
All videos on the page (Background Video components & <video> elements used in HTML Embeds) play and pause based on if the video is visible in the viewport.
No attributes needed.
Just add the script to the page and it works!
With the script in the <head> of your page, Webflow Background Video components and <video> elements play and pause based on if they are visible in the viewport.
With the script in the <head> of your page, Webflow Background Video components and <video> elements play and pause based on if they are visible in the viewport.
Note:
Autoplay video does not work on iOS devices when “Low Power Mode” is enabled. Low Power Mode prevents autoplay by default on iOS devices.
Autoplay video does not work with Youtube and Vimeo videos. Their iFrames have CORS protection, we can't interact with them using JS.
Autoplay video does not work on iOS devices when “Low Power Mode” is enabled. Low Power Mode prevents autoplay by default on iOS devices.
Autoplay video does not work with Youtube and Vimeo videos. Their iFrames have CORS protection, we can't interact with them using JS.
Frequently Asked Questions
Everything you need to know about this attributes solution.
No FAQ items found yet. Join Finsweet Community on Slack if you have any question related to this solution.
Developer documentation
Check the dev documentation
Next time implement inside Webflow
Use Finsweet Extension
