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
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.
youtubescrollhorizontalscrolljavascriptwebflowanimationwebflowinteractionsscrollintoviewscrollinteractionvideopopularcloneableautomatic-scroll

More by Francesco Castronuovo

See profile
View details
Canvas Cursor Tracking
104
233