Automatically Play Videos On Horizontal Scroll
![site profile thumbnail](https://uploads-ssl.webflow.com/6245bf23e148b9e7dc03393d/62598424bddc40ca0f2d5517_automatically-play-videos-on-horizontal-scroll.gif)
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