Play videos by scrolling with GSAP Video Scrolling for Elementor

GSAP Video Scrolling will allow us to map video playback to page scrolling.

Using this new feature within Gloo‘s GSAP Scrolltrigger, we can now map video playback to user scrolling. This means that with some imagination and clever usage of a chosen video, you can now create a section containing a self hosted video which will play only as long as the user is scrolling through the page.

Using the other GSAP Scrolltrigger features, this means, moreover, that on any given page we can have any element animate on user scrolling on a video background which is played by the scrolling too. This includes 3D models thanks to the 3D Model Widget!

Get started by watching the tutorial!

Related Modules

Scope : Extension
Dependencies: Elementor