加载时在特定位置启动HTML5视频？

Question

我需要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> 

页面加载时，它只是从头开始播放。但是，如果我在播放过程中（如一段时间后）称呼它，则效果很好。我有什么想念的吗？

Answer 1

您必须等到浏览器知道视频的时长，然后才能搜索特定的时间。因此，我认为您想等待“ loadedmetadata”事件，如下所示：document.getElementById('vid1').addEventListener('loadedmetadata', function() {&nbsp; this.currentTime = 50;}, false);

Answer 2

无需使用JAVASCRIPT只需添加#t=[(start_time), (end_time)]到媒体URL的末尾即可。唯一的挫折（如果您想这样看）是需要知道视频多长时间来指示结束时间。 例：<video>&nbsp; &nbsp; <source src="splash.mp4#t=10,20" type="video/mp4"></video>注意： IE不支持