LoginGet started β€” it’s free
Made in Webflow

Automatically Play Videos On Horizontal Scroll

Clone in Webflow21
Francesco Castronuovo's avatar
by Francesco Castronuovo
443
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.
youtubescrollhorizontalscrolljavascriptwebflowanimationwebflowinteractionsscrollintoviewscrollinteractionvideopopularcloneable

More by Francesco Castronuovo

See profile
View details
Canvas Cursor Tracking
81
195
Β© 2022 Webflow, Inc. All rights reserved.