'Restart video on hover of another element using embed HTML (in Webflow)?

I am using Webflow and have been struggling with writing basic code within an embed HTML editor to control a video.

I am trying to start a video class="video" each time I hover on a button class="btn" sitting inside another container class="videoContainer" which sits in under the same parent. All via html embed only, mind you.

How would I reference that class and hover action inside the video embed code editor? I think I'm struggling with the proper syntax here.

Essentially I want the video embed to know when I hover over the button so that I can restart the video from 0:00 each time a hover happens

Reference for what I'm trying to do here

<video width="100%"  
preload="preload" 
class="ignore-observer" 
loop="loop" muted="muted" 
autoplay="autoplay" 
playsinline="playsinline"> 

<source src="videoURL" type="video/mp4">
</video>
javascripthtmlvideohoverwebflow


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions