Marketplace
Made in Webflow

Automatically Play Videos On Horizontal Scroll

site profile thumbnail

Description

Hi my gorgeous friends of Webflow, This project plays a bit with YouTube APIs, window scroll event, and - of course - the beauty and power of Webflow interactions to create a horizontal scroll animation where videos are automatically played or paused on scroll. Also delayed the play function a bit to add an intro animation to each video by mixing the horizontal scrolling with simple scroll into view interactions. The page load animation is a bonus. 😊 Shoutout to "The First Take" (https://www.youtube.com/channel/UC9zY_E8mcAo_Oq772LEZq8Q/videos), where you can find all the Japanese singers and bands that I love. 😁 Enjoy, clone, and feel free to leave a comment! Have an awesome Webflow journey y'all, Francesco P.S. Feel free to visit my YouTube channel: https://www.youtube.com/@francescocastronuovo
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

youtubescrollhorizontalscrolljavascriptwebflowanimationwebflowinteractionsscrollintoviewscrollinteractionvideopopularcloneablevideo-scrollvideo-playautomatic-scroll

More by Francesco Castronuovo

See profile
View details
Canvas Cursor Tracking
141
274