加载时在特定位置启动HTML5视频？
加载时在特定位置启动HTML5视频？
提问于 2011-05-13 00:40:22
我需要HTML5视频开始在某些点。假设时间为50秒。
我试过了，但它不像预期的那样工作。我是不是做错了什么？
代码如下：
<video id="vid1" width="640" height="360">
<source src="file.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
<script>
document.getElementById('vid1').currentTime = 50;
</script> 当页面加载时，它只是从头开始播放。然而，如果我在回放过程中调用它，就像在一段时间之后一样，它工作得很好。我是不是遗漏了什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-13 03:14:49
您必须等到浏览器知道视频的持续时间后，才能查找特定时间。因此，我认为您应该等待“loadedmetadata”事件，如下所示：
document.getElementById('vid1').addEventListener('loadedmetadata', function() {
this.currentTime = 50;
}, false);Stack Overflow用户
发布于 2012-12-05 10:20:16
在html5中使用视频标签时，调整视频的起止时间；
http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15
其中，逗号的左侧是以秒为单位的开始时间，逗号的右侧是以秒为单位的结束时间。删除逗号和结束时间将仅影响开始时间。
Stack Overflow用户
发布于 2012-08-01 00:44:01
在Safari Mac上，对于HLS源，我需要使用loadeddata事件，而不是元数据事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5981427
复制相关文章
相似问题