javascript - 如何为视频播放添加监听器

Question

我不知道如何向视频播放添加监听器。我希望它最终在达到特定的播放时间(即 10 秒)时停止。

我已经尝试过:

while( video.currentTime != timeToStop){
            video.play();
        }

但它会导致浏览器挂起，可能是因为我一直启动 video.play() 。

do while

导致同样的问题。

那我应该用什么？

Answer 1

要跟踪视频的进度，您可以使用 timeupdate 事件并检查视频的 currentTime 属性是否超过了最大值。这是一个例子:

window.addEventListener("load", function () {
    var video = document.getElementById("video1"),
        timeToStop = 2;

    video.addEventListener("timeupdate", function () {
        if (this.currentTime >= timeToStop) {
            this.pause();
        }
    }, false);
}, false);

演示: http://jsfiddle.net/eGw52/

(示例使用 2 秒，而不是 10 秒)