Categories
Website Design

Toggle pause and play on your background videos — Micro lesson #27 [Video]

Toggle pause and play on your background videos — Micro lesson #27

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

Watch/Read More

Most Popular Posts Today

How to build a video playlist using Webflow
►
Categories
Website Design

How to build a video playlist using Webflow

Join host Nelson Abalos Jr for a Build with me (BWM) session. We’ll learn how to create a video playlist page just like the Webflow University course page ( https://university.webflow.com/courses/21-day-portfolio-course?video=eh4dWMtULrg ) Finsweet CMS Tabs: https://finsweet.com/attributes/cms-tabs jquery.scrollTo: https://github.com/flesler/jquery.scrollTo Clone this project: Link TBA ---------- Chapters ... ---------- 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

Most Popular This Week

TOP 5 Best Fleet Maintenance Software That Boost Business [Video]
►
Categories
Website Design

TOP 5 Best Fleet Maintenance Software That Boost Business [Video]

TOP 5 Best Fleet Maintenance Software That Boost Business 00:01 Intro 01:20 What is fleet maintenance software 03:00 What are the main features of fleet maintenance software 06:51 How can fleet maintenance software help a transportation business 07:32 Can fleet maintenance software be customized to meet the needs of a specific business 09:26 TOP 5 best fleet maintenance software 12:41 Outro Fleet maintenance is the process of regularly inspecting, repairing, and servicing vehicles and equipment in a company's fleet. This can include tasks such as oil changes, tire rotations, brake inspections, and general safety checks. The goal of fleet maintenance is to keep vehicles and equipment in good working condition, minimize downtime, and extend the lifespan of the fleet. A fleet maintenance program can help a business save money in the long run by preventing costly repairs and prolonging the life of their vehicles. CONTACTS: 🔥 E-mail: d.ubsteplers⭐️gmail.com 🔥 Telegram: al_na14p