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

Question

我構建了簡單的HTML5視頻播放器。我在IE9中沒有觸發「play」事件時遇到問題。看看Fiddle。

播放器播放前有一個大的播放按鈕，播放時隱藏，視頻播放完畢後可見。

以下是我正在使用的三位聽衆。

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

的假設::我想，即使你的視頻結束paused事件仍然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"; 
});