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