IE9 HTML5視頻“播放”事件在第二次播放時未觸發

Question

我已經構建了簡單的HTML5視頻播放器。 我在IE9中沒有觸發“播放”事件時遇到了麻煩。 看看小提琴 。

播放器有一個大播放按鈕，在播放前可見，在播放時隱藏，在視頻播放完成后可見。

以下是我正在使用的三個偵聽器。

btn.addEventListener("click", function() {
    vid.play();
});

vid.addEventListener("play", function() {
    btn.style.display = "none";
    alert("'play' event fired");
});

vid.addEventListener("ended", function() {
    btn.style.display = "block";
});

在IE9中，“播放”事件不會在第二次及以后播放視頻時觸發。

我猜這可能是我對“播放” HTML5視頻事件不了解的原因，或者是IE9中的某種錯誤。

任何幫助是極大的贊賞。

Answer 1

一個假設：：我認為即使您的視頻結束， 暫停事件仍然為false ，因此，可以嘗試在視頻結束后顯式設置pause ，例如：

btn.addEventListener("click", function() {
    vid.play();
});

vid.addEventListener("play", function() {
    btn.style.display = "none";
    alert("'play' event fired");
});

vid.addEventListener("ended", function() {
    if( !this.paused ) this.pause();
    btn.style.display = "block";
});