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
First you should know
Vimeo Player API
“The problem” chrome block autoplay
Chrome’s autoplay policies are simple:
- Muted autoplay is always allowed.
- Autoplay with sound is allowed if:
- User has interacted with the domain (click, tap, etc.).
read more her:
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:
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.