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,