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 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:
- Muted autoplay is always allowed.
- Autoplay with sound is allowed if:
- User has interacted with the domain (click, tap, etc.).
read more her:
Autoplay policy in Chrome - Chrome for Developers
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