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";
});