Streaming live at 10am (PST)

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: https://stackoverflow.com/questions/13419409/html5-video-play-by-scrolling-with-the-mouse-wheel

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

1 Like