[Support request] Video starts on hover

[Kitija]

Hello,

I wanted to ask if it’s possible to put in a video so that it starts and shows only when hovered over? Something similar to this https://clienti.dk/kontakt/

I haven’t found an option like that, so just wondering if its possible to make it in this theme.

Thank you,
Kitija Jumike

[David]

Hi there,

the Theme doesn’t control this kind of thing.
It really depends on what video player is added to your page, and how that player can be interacted with using Javascript.

The example you provided uses the HTML Video element to display its videos:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

If you were to use a HTML block to add the <video> then you can use the method here:

https://stackoverflow.com/a/44398411

Which will play / pause the video when hovered over.

NOTE: I am not sure how Mobile devices will handle this, they in theory should play on tap.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kitija]

Thank you for your help!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts