Question

我有一个html5视频元素。

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

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

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

Answer 1

您可以specify a playback range将开始和结束时间附加到源网址。

时间应采用以下格式：

#t=[starttime][,endtime]

来自MDN：

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

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

<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

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

1 个答案: