javascript - 第二次播放时未触发 IE9 HTML5 视频 "play"事件

Question

我构建了简单的 HTML5 视频播放器。我在 IE9 中没有触发“播放”事件时遇到了问题。看看 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";
});