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視頻元素，開始和結束時間

回答

相關問題