Play video (gif, svg or html) when scrolling into view?

Hi all,

A client has requested the following:

They would like a video (inside an iPhone mock-up) to play when the iPhone mock-up comes into view.

Is there any way to do this? I was thinking about making the video a GIF, but I’m not sure how to activate it when it comes into view.

Any ideas?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

This seems a tricky one to figure out, still haven’t worked it out yet! Any one with any experience doing this?

I would like to know how to do this as well. I tried loading it in an image box, but the gif won’t play