Streaming live at 10am (PST)

Background videos - play/pause on hover, disable autoplay

Hi!
I want to disable the autoplay on all background videos with the class “video” and instead have these background videos play on hover and pause on hover out. Is there a way to do this for multiple videos with the same class?

I have already try to put this code below in Page Settings > Custom Code > Footer Code, but with no luck:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
    var figure = $(".video").hover(function() {  
        $('video', this).get(0).play(); 
    }, function() {
        $('video', this).get(0).pause();
    }).each(function() {
        $('video', this).get(0).pause();
    });
});
</script>

Thanks!


Here is my site Read-Only: Webflow - Tomas Juricek