回答

1

的HTML5視頻元素讓你開始使用您的網頁上的視頻內容。通過添加JavaScript,您可以編程方式創建自定義播放控件,獲取並設置當前播放位置,並更改當前視頻。您也可以應用執行時間。

你的HTML的變化:

<video controls preload="metadata" id="Video1"> 
<source src="http://example.com/myvideo.mp4" type="video/mp4"> 
</video> 

JS代碼:

var video = document.getElementById("Video1"); 
if (video.canPlayType) { // tests that we have HTML5 video support 
    video.addEventListener("canplay", function(){ 
       setTime(483); //specified time 
    }, false); 
} 

時刻設定功能:

function setTime(tValue) { 
      // if no video is loaded, this throws an exception 
       try { 
        if (tValue == 0) { 
         video.currentTime = tValue; 
        } 
        else { 
         video.currentTime += tValue; 
        } 

       } catch (err) { 
        // errMessage(err) // show exception 
       console.log("Video content might not be loaded"); 
        } 
     } 

您可以GE在Using JavaScript to control the HTML5 video player

+1

@Arturo,你說得對嗎? – Mazzu 2014-11-21 04:27:59

4

按這個問題

Setting HTML5 audio position

爲了支持尋求和播放的區域是 尚未下載的媒體,蛤蚧使用HTTP 1.1字節範圍請求到 從查找目標位置檢索媒體。另外,如果你 不用於X-內容時長頭,蛤蚧使用字節範圍請求 尋求媒體的結束(假設你所服務的內容長度 頭),以確定的期限媒體。

你可以使用jQuery

$('video').bind('canplay', function() { 
    this.currentTime = 483; 
}); 
1

的「#T」語法是W3C的媒體片段URI規範的一部分t時的細節,可以發現here.this文章,IE不支持此功能,但其他主流瀏覽器做。所以你將不得不使用JavaScript來控制播放,直到IE爲這個規範提供支持。

有趣的是,我能夠找到一個IE用戶的關於這個問題反饋給微軟的IE反饋門戶網站。讓我分享一下吧here.