html5视频元素，开始和结束时间

Question

我有一个html5视频元素。

 <video id="video" loop="loop">
   <source src="src.mov">
</video>

我希望它在视频中的某个时间开始（比方说...... 10秒）并在某个时间结束（27秒）

我知道您可以在JavaScript中执行此操作，但我想在html中执行此操作。是否有视频元素的开始/结束时间标记？

Answer 1

您可以通过将开始和结束时间附加到源URL来specify a playback range。

时间应采用以下格式：

#t=[starttime][,endtime]

来自MDN：

媒体元素URI规范的回放范围部分被添加到Gecko 9.0（Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6）。

以下是播放视频的示例，从第2个开始到第3个结束：

<video controls autoplay> 
  <source src=http://techslides.com/demos/sample-videos/small.webm#t=2,3 type=video/webm> 
  <source src=http://techslides.com/demos/sample-videos/small.ogv#t=2,3 type=video/ogg> 
  <source src=http://techslides.com/demos/sample-videos/small.mp4#t=2,3 type=video/mp4>
  <source src=http://techslides.com/demos/sample-videos/small.3gp#t=2,3 type=video/3gp>
</video>

参考文献：

Temporal Dimension of Media Fragments URI Record of Mozilla integration (bug 648595) 样本视频来自techslides.com