javascript - 在特定的 html5 视频时间段后显示隐藏的 div

Question

视频播放约 9 分钟。我在视频下方有一个隐藏的 div。我希望视频达到 8 分钟时显示隐藏的 div。那可能吗？我怎样才能做到这一点？谢谢

Answer 1

You can use the timeupdate event and check the currentTime property: http://jsfiddle.net/sEbwj/1/.

var passed = false;
document.querySelector("video").addEventListener("timeupdate", function() {
    if(!shown && this.currentTime > 8 * 60) {
        console.log("mark passed");
        passed = true;
    }
});