Playing a Vimeo video on scroll

I have been playing around all day trying to figure out how to play an embedded vimeo video when scrolled into viewport. I’ve been trying to implement this plugin, but I can’t seem to make it work. I’m by no means a developer, and everything I know about jquery has been learned from trying to figure this out. Here is the link to the read-only site. I’ve just been using this for testing to try and make it work, it’s pretty bare-bones. I would really appreciate the help, my head hurts from trying to figure this out :tired_face:

First you should know javascript (No way to control video on scroll without youtube/viemo API) -or- hire freelancer.

Vimeo Player API

“The problem” chrome block autoplay

Chrome’s autoplay policies are simple:

codepen

In my example every time the user scroll down (into view) the video play. If you want the autoplay to work only one time try this:

#webflow-chrome-auto-play-video

1 Like

Thank you so much for your help! I really appreciate it! I followed your codepen example, it was super easy to implement. This was giving me such a headache, thanks a ton.

1 Like