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

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

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

您必须等到浏览器知道视频的时长，然后才能搜索特定的时间。因此，我认为您想等待“ loadedmetadata”事件，如下所示：

document.getElementById('vid1').addEventListener('loadedmetadata', function() {
  this.currentTime = 50;
}, false);

您可以直接与Media Fragments URI链接，只需将文件名更改为file.webm＃t = 50

这是一个例子

这很酷，您可以做各种事情。但是我不知道浏览器支持的当前状态。

无需使用JAVASCRIPT

只需添加#t=[(start_time), (end_time)]到媒体URL的末尾即可。唯一的挫折（如果您想那样看）是需要知道视频多长时间来表示结束时间。 例：

<video>
    <source src="splash.mp4#t=10,20" type="video/mp4">
</video>

注意： IE不支持

在html5中使用视频标签时，请调整视频的开始和结束时间；

http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15

其中逗号左边是以秒为单位的开始时间，逗号右边是以秒为单位的结束时间。删除逗号和结束时间仅影响开始时间。

在用于HLS源的Safari Mac上，我需要使用loadeddata事件而不是元数据事件。

使用#t=10,20片段对我有用。