有时我的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);
}
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
不要使用load()强制查找。如果您设置video.currentTime为0.1而不是0视频将跳转到开头,并且ended事件仍将正确调度。(在 iOS 3.2 和 4.2 上测试)
| 归档时间: |
|
| 查看次数: |
8866 次 |
| 最近记录: |