Archived topic
Video starts on hover
3 replies · Started by Kitija on August 25, 2022
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
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.
Thank you for your help!
You're welcome
