在特定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; 
    } 
});