Streaming live at 10am (PST)

Video to play on hover


Does somebody know if there is a tutorial which shows how to create videos which play on hover as per this page

Ideally I would also like the video to open in a lightbox on click.


Here is my public share link: LINK
(how to access public share link)

1 Like

Yes! I want to know how to do this too. @sparky did you figure out how to do it?

Hey @sparky,

I’ll have to look into the auto-play on hover, but I can help you get started with the click to open light-box.

Take a look at this clients site for an example:

This is basically a background video (webm) that sits inside a container (container-video)


The background video covers the whole container and is given a position: Relative

Because its position relative, we can put a light-box link in and cover the whole video. T


Here we can simply add our vimeo/youtube link and the lightbox will work as intended.

Hope that helps even a little

If I can find some time I’ll look at the hover play, but its definitely achievable with some basic custom code :slight_smile:




Thanks Thomas_92. I actually ended up using an animated gif as a looping background which is hidden by a still image. This still image hides on rollover revealing the animated gif which comes pretty close to what I was looking to achieve.