1

我目前有一个嵌入式视频，它在鼠标悬停时循环播放并在鼠标移出时暂停。我最终希望拥有它，以便视频在将鼠标悬停在右侧时以正常方向循环，在鼠标悬停时暂停，并在将鼠标悬停在左侧时以相反方向循环。

这是我当前的代码：

<video id="360-rotation" src="Earth Rotation.mp4" width="640" height="640" loop></video>

<script type="text/javascript">

document.addEventListener('mouseover', hoverVideo);
var video = document.getElementById('360-rotation');

function hoverVideo(event) {
    if (event.target == video) {
        video.play();
        this.addEventListener('mouseout', stopHoverVideo);
    }
}

function stopHoverVideo(event) {
    if (event.target == video) {
        video.pause();
        //video.playbackRate = -1;
    }
}

我做了一些研究，似乎循环不支持playbackRate的负值。有没有其他方法可以实现这一目标？

4

0 回答 0