Copy the custom code here: https://background-video-play-pause-toggle-code.webflow.io/
Background videos can be distracting and can cause harm to those sensitive to motion. That’s why it’s important to provide a way for people to pause background videos that play automatically.
In this lesson, Grímur will show how to add a button to toggle pause/play to your background videos on your site in three steps:
1. Paste the custom code provided above before the body tag in your page/project settings
2. Set your background video’s ID to “video”
3. Set your button’s ID to “video-toggle”
To publish these changes, publish your site. Now your site visitors can toggle to pause then play your background video.
Learn more about web accessibility → https://university.webflow.com/courses/web-accessibility
———-
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community
https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow