有时我的HTML5视频不会在iPad上生成"已结束"的事件.似乎只有当我省略"controls"属性并从javascript开始播放时才会发生.它通常在第一次正常工作,但第二次播放视频但不会产生"结束"事件.每次播放后我都会调用"load()"来重置到剪辑的开头(因为搜索似乎根本不起作用 - 请参阅此主题).我有一个解决方法,即跟踪"timeupdate"事件并执行我的结束操作vid.currentTime>=vid.duration,但我想知道是否有其他人遇到过这个问题.一些相关的代码如下.
干杯-Chris
文档onload功能:
function load() {
var vid = document.getElementById('vid');
vid.addEventListener('ended', function() {
alert('video ended');
vid.load();
},false);
}
html:
<body onload="load();">
<h1>HTML5 Video Test</h1>
<input type="submit" value="Play" onclick="document.getElementById('vid').play();">
<video id="vid" src="test.mov" width="640" height="480"></video>
</body>