javascript - 什么 HTML5 视频事件指的是正在播放的视频的 currentTime？

Question

我希望用户可以选择在指定时间(例如广告 5 秒后)后跳过预贴广告。然后就可以播放正常的视频了。我怎样才能实现这个目标？目前我有一些内嵌的东西:

var adManager = function () {
    var adSrc = url,
        src = "http://media.w3.org/2010/05/sintel/trailer.mp4";
    var adEnded = function () {
        videoPlayer.removeEventListener("ended", adEnded, false);
        videoPlayer.removeEventListener("playing", adPlaying, false);
        $("#companionad").hide();
        videoPlayer.src = src;
        videoPlayer.load();
        videoPlayer.play();
        console.log(videoPlayer.currentTime);
    };
    var adPlaying = function () {
        var companionad = $(responseXML).find("HTMLResource").text();
        $("#companionad").html(companionad);
        console.log(videoPlayer.currentTime);
    }
    return {
        init: function () {
            videoPlayer.src = adSrc;
            videoPlayer.load();
            videoPlayer.addEventListener("ended", adEnded, false);
            videoPlayer.addEventListener("playing", adPlaying, false);
            if (videoPlayer.currentTime > 5) {
                $("#skip").show();
            }
            console.log(videoPlayer.currentTime);
        }
    };
}();
adManager.init();

我想做的是:

if (videoPlayer.currentTime > 5) {
    $("#skip").show();
}

显示跳过按钮并继续正常视频。随着视频播放的进行，是否有持续触发的事件？

Answer 1

在 timeupdate 事件的处理程序中检查 media.currentTime 属性。请参阅documentation :

The timeupdate event is fired when the time indicated by the currentTime attribute has been updated.

顺便说一句，这个 HTML5 video demo page是一个非常方便的引用，可以帮助您使用各种可用的属性和事件。