How to sync video playback with scrolling

Hey webflow. I’m trying to create webpage with a background video. Is there a way, in webflow, to create an interaction that connects the playback of the video with scrolling?

ie when I scroll down the video plays, when I scroll up the video moves in reverse.


Here is my public share link: LINK
(how to access public share link)

Hi @jayohelee, thanks for the good question, it is not built in to do that using interactions, however it might be possible to create some kind of effect like this using custom code.

As a start, here is an article I found on StackOverflow: javascript - html5 video play by scrolling with the mouse wheel - Stack Overflow

It is an interesting idea, but not yet built in to interactions triggers/control.

1 Like

Very much wishing for this. Lottie is great, but is much heavier in data (image sequence versus inter frame video compression).

4 Likes