Getting background video to pause on hover

[avivtech (Aviv Shwartz)]

Use this script from @samliew:

Play background video on hover

Change your code and put this in Page Settings > Custom Code > Footer Code: <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>

It works great if you replace all play with pause and vice versa