For Webflow background video component, use this site footer code to rewind the looping video when user scrolls it into view:
<script>
$.getScript('https://cdnjs.cloudflare.com/ajax/libs/vissense/0.10.0/vissense.min.js', function() {
const vids = document.getElementsByTagName('video');
if(vids.length === 0) return;
Array.prototype.map.call(vids, function(myVideo) {
VisSense.VisMon.Builder(VisSense(myVideo, {
fullyvisible: 0.8
}))
.on('fullyvisible', function() {
myVideo.currentTime = 0;
myVideo.play();
})
.on('hidden', function() {
myVideo.pause();
})
.build().start();
});
});
</script>
Also, feel free to contact me for further custom code help and/or customization of third-party plugins