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

Question

我有一个html5视频元素.

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

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

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

Answer 1

您可以通过将开始和结束时间附加到源URL 来指定播放范围.

时间应采用以下格式:

#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>

参考文献:

媒体片段的时间维度URI
Mozilla集成的记录(错误648595)

示例视频来自techslides.com