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

Question

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

Answer 1

您可以使用timeupdate事件并查看currentTime媒体资源：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;
    }
});