Background video problem - No loop, but reload/play again on hoover


Been designing for a while on Webflow, but i’m not very good at JS… I’m trying to get my background video to re-play on hover, and no looping. Ive manage to get it to not looping, but im quite stuck regarding the hover thing.

This is my code for removing the loop:
<script> Webflow.push(function() { document.getElementById('video').querySelector('video').removeAttribute('loop'); }); </script>

But how can i tweak this to also get it to work on hover to replay once?

Really appreciate the help i can get!

PS: Its the logo that is my background video.

Here is my site Read-Only: [LINK][1]