2014-04-04 33 views
0

我想在我的網站上設置html5視頻播放器的最大播放時間。Html5視頻設置最大播放時間

我的網站上有一個JUST預覽區域,對於我來說,加載與成員區域相同的完整視頻非常有用,該區域約爲10分鐘,但在我想要回放的預覽區域中只是從這個視頻前15秒。

我一直在使用時間=「15」,但沒有用試過了,一個我還沒有得到

我使用下面的代碼

 <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" 
      controls preload="auto" width="300" height="170" duration="10" 
      poster="<?=$url_base?>fda/videofiles/vidprev2.png" 
      data-setup='{"example_option":true}'> 
      <source src="<?=$url_base?>fda/videos/clip1.mp4" type='video/mp4' /> 
      <source src="<?=$url_base?>fda/videos/clip1.webm" type='video/webm' /> 
      <source src="<?=$url_base?>fda/videos/clip1.ogv" type='video/ogg' /> 
     </video> 

視頻播放器正常工作的線索,但是它扮演的整個片段,而不是僅僅是個開始

回答

0

您可以使用媒體片段

添加媒體片段的媒體URL,你可以指定你婉確切的部分玩。要添加媒體片段,只需將#t = [start_time] [,end_time]添加到媒體網址。例如,通過20發揮秒10之間的視頻,你可以指定:

<source src="devstories.webm#t=10,20" 
     type='video/webm;codecs="vp8, vorbis"' /> 

您也可以以小時爲單位指定時間:分:秒,如#T = 00:01:05開始視頻一分鐘,五秒鐘。或者,只播放視頻的第一分鐘,您可以指定#t =,00:01:00。

您需要確保服務器支持範圍請求:檢查接受範圍:字節。它默認爲Apache和許多其他服務器,但值得檢查。