2012-05-05 84 views
19

是否可以尋求網頁中顯示的html5 video中的特定點?我的意思是,我可以輸入一個特定的時間值(比如說01:20:30:045)並讓玩家控制(滑塊)移動到那個點並從那個點開始玩?在html5視頻中尋找點

在舊版本的mozilla vlcplugin我認爲這是可能的seek(seconds,is_relative)方法..但我想知道這是否可能在html視頻。

編輯:

我創建的頁面與視頻,並添加JavaScript作爲below.When我點擊鏈接,它顯示的click..but它不增加播放位置的時間..但繼續正常播放。

不應該改變視頻播放位置嗎?

HTML

<video id="vid" width="640" height="360" controls> 
     <source src="/myvid/test.mp4" type="video/mp4" /> 
</video> 
<a id="gettime" href="#">time</a> 
<p> 
you clicked at:<span id="showtime"> </span> 
</p> 

的JavaScript

$(document).ready(function(){ 
    var player = $('#vid').get(0); 
    $('#gettime').click(function(){ 
      if(player){ 
       current_time=player.currentTime; 
       $('#showtime').html(current_time+" seconds"); 
       player.currentTime=current_time+10; 
      } 
     }); 
} 
); 
+0

的[HTML5視頻尋求\ [更新\]可能的複製(http://stackoverflow.com/questions/9311570/html5-video-seeking-updated ) – rogerdpack

回答

1

不幸的是它似乎與它的表現比其他人不同的一些電影元素。例如,對於一個亞馬遜video_element,似乎你必須先暫停,然後才能找到任何地方,然後再打電話。但是,如果您在設置currentTime之後稱其爲「太快」,則它不會粘住。奇。

這是我目前的工作圍繞:

function seekToTime(ts) { 
    // try and avoid pauses after seeking 
    video_element.pause(); 
    video_element.currentTime = ts; // if this is far enough away from current, it implies a "play" call as well...oddly. I mean seriously that is junk. 
    // however if it close enough, then we need to call play manually 
    // some shenanigans to try and work around this: 
    var timer = setInterval(function() { 
     if (video_element.paused && video_element.readyState ==4 || !video_element.paused) { 
      video_element.play(); 
      clearInterval(timer); 
     }  
    }, 50); 
}