In this lesson, we’re setting up a video that plays on scroll using scroll variants, and we’re keeping the whole workflow super clean and code-free. We'll cover how to place your video, wrap it in a simple component, create paused and playing variants, and then tell Framer exactly when that video should kick in as the user scrolls.
In this lesson, we’re setting up a video that plays on scroll using scroll variants, and we’re keeping the whole workflow super clean and code-free. We'll cover how to place your video, wrap it in a simple component, create paused and playing variants, and then tell Framer exactly when that video should kick in as the user scrolls.
Videos can add a powerful layer of storytelling to a website, and sometimes the timing of when they start is just as important as the video itself. Instead of having it play right away, we might want that moment of motion to happen further down the page, exactly when it supports the story we’re trying to tell.
That’s why in this video we’re going to look at how to control exactly when a video starts playing as someone scrolls, and we’ll set it up all without any code.
