As you can see in the demo link, once the user starts scrolling the Hero section fades out and a movie appears.
But the problem is that the movie starts playing once the page is loaded and I’d like that it would only start playing when the user starts to scroll, or eventually, after the user scrolls a certain amount of pixels.
I’ve been trying this tip, Playing a Vimeo video on scroll, but I can’t get this to work.
Is there any tutorial or anyone can help me?
Thanks in advance,