工作,我有下面的代碼,與開始於第二個483。它工作正常,除了IE10大多數瀏覽器的視頻,它開始於0:00。HTML5視頻播放器的開始時間不上的Internet Explorer
<video controls preload="metadata">
<source src="http://example.com/myvideo.mp4#t=483" type="video/mp4">
</video>
工作,我有下面的代碼,與開始於第二個483。它工作正常,除了IE10大多數瀏覽器的視頻,它開始於0:00。HTML5視頻播放器的開始時間不上的Internet Explorer
<video controls preload="metadata">
<source src="http://example.com/myvideo.mp4#t=483" type="video/mp4">
</video>
的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");
}
}
按這個問題
爲了支持尋求和播放的區域是 尚未下載的媒體,蛤蚧使用HTTP 1.1字節範圍請求到 從查找目標位置檢索媒體。另外,如果你 不用於X-內容時長頭,蛤蚧使用字節範圍請求 尋求媒體的結束(假設你所服務的內容長度 頭),以確定的期限媒體。
你可以使用jQuery
$('video').bind('canplay', function() {
this.currentTime = 483;
});
@Arturo,你說得對嗎? – Mazzu 2014-11-21 04:27:59