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

我有一个html5视频元素。html5视频元素，开始和结束时间

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

我希望它在视频中的某个时间开始（可以说... 10秒），并在一定的时间内结束（27秒），

我知道你可以做到这一点JavaScript，但是我想在HTML中做到这一点。视频元素是否有开始/结束时间标记？

来源

2014-10-30 Ian Wise

检查了这一点：指定播放范围 - MDN（https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video#Specifying_playback_range） – showdev 2014-10-30 23:48:57

这很好对于JavaScript，但它可能在HTML？ – 2014-10-30 23:50:55

指定播放范围的方法不需要JavaScript。尝试在浏览器中禁用JavaScript，然后加载[本页]（http://www.annodex.net/~silvia/itext/mediafrag.html）。请注意，视频在加载后跳转到20秒。（该页面上的其他功能*需要使用JavaScript，例如，如果没有它，“跳转”按钮将不起作用。） – showdev 2014-10-31 00:02:26

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

的时间应的格式为：

#t=[starttime][,endtime]

从MDN：

媒体元素URI规范的回放范围部分加入到壁虎9.0（火狐9.0 /雷鸟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

来源

2014-10-31 00:37:28 showdev

谢谢！这很好用！但我遇到的一个问题是，我拥有的视频正在循环播放，当视频循环播放时，它将从头开始。你知道我可以在指定的地方开始吗？再次感谢！ – 2014-11-01 03:38:21

不幸的是，我还没有找到一种方法来循环没有JavaScript的片段。但是，我在[难度]（https://www.w3.org/Bugs/Public/show_bug.cgi？）上找到了一些[讨论]（http://web.archiveorange.com/archive/v/r8wmA7YRNZctPIrT4DzY） ID = 24910）。 – showdev 2014-11-03 17:36:18

比重新编辑剪辑要容易得多 - 谢谢！ – ConorB 2017-04-15 12:50:59

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

回答

相关问题