videotest2
<div style="padding:125% 0 0 0;position:relative;">
<iframe id="vimeo-player"
src="https://player.vimeo.com/video/1020924191?badge=0&autopause=0&player_id=0&app_id=58479&muted=1"
frameborder="0" allow="autoplay; fullscreen; picture-in-picture;
clipboard-write"
style="position:absolute;top:0;left:0;width:100%;height:100%;"
title="139_7133"></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
var iframe = document.getElementById('vimeo-player');
var player = new Vimeo.Player(iframe);
var reverse = false; // Variabel for å kontrollere fremover/bakover
avspilling
// Når musepekeren er over videoen
iframe.addEventListener('mouseover', function () {
player.play(); // Starter videoen fremover
});
// Når musepekeren forlater videoen
iframe.addEventListener('mouseout', function () {
player.pause(); // Pauser videoen
});
// Når videoen når slutten
player.on('ended', function () {
reverse = true; // Angir at videoen skal spilles bakover
playBackward();
});
// Funksjon for å spille videoen bakover
function playBackward() {
player.getCurrentTime().then(function(seconds) {
if (seconds > 0 && reverse) {
player.setCurrentTime(seconds - 0.1); // Spoler bakover
i små steg
setTimeout(playBackward, 100); // Gjentar til videoen er
ved start
} else {
reverse = false; // Angir at vi går tilbake til normal
avspilling
player.play(); // Starter videoen igjen
}
});
}
</script>
Siste kommentarer