我已经构建了简单的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中的某种错误。
任何帮助是极大的赞赏。
假设：：我认为即使视频结束，暂停事件仍然存在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";
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句