html5視頻預加載

是否可以預加載html視頻？注意：標籤是稍後動態創建的。html5視頻預加載

目前我可以通過創建一個隱藏的div，並把所有的圖像在這裏與圖像做到這一點。然後當我創建需求後，圖像不需要重新加載。

當使用視頻標籤完成此操作時，瀏覽器仍會在元素創建時從頭開始加載視頻。

我看到這個：https://github.com/jussi-kalliokoski/html5Preloader.js，但它似乎不適用於視頻。任何想法，將不勝感激！

來源

2012-01-15 Adam

什麼'preload =「auto」'屬性？ – dfsq 2012-01-16 13:06:12

你可能想看看這裏：http://stackoverflow.com/questions/476679/preloading-images-with-jquery – 2012-04-22 03:10:58

Brett，這是關於視頻，而不是圖像。 – 2013-05-30 16:49:03

嘗試了這一點：

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls" **preload="auto"**> 
    <source src="movie.mp4" type="video/mp4" /> 
    <source src="movie.ogg" type="video/ogg" /> 
    <source src="movie.webM" type="video/webM" /> 
    Your browser does not support the video tag. 
</video> 

</body> 
</html>

注：IE這不工作），爲此，你可以使用一些球員（包括簡單的一個.js的）。他們有一個閃存IE瀏覽器使用JW Player & JW Player Preload

Njoy !!!

來源

2012-07-24 06:48:35 GOK

我在IE類似的問題，一些影片顯示：沒有，當我告訴他們IE瀏覽器不顯示第一幀...

我用下面的代碼來解決它，當我顯示隱藏的視頻，我打電話preloadAllVisible（）

var preloadAllVisible = function() { 
    $("video:visible").each(preload); 
} 
var preload = function(key, vid) { 
    vid.play(); 
    setTimeout("pausevid("+key+")",100); 
} 

var pausevid = function(key) { 
    vid =$("video:visible")[key]; 
    vid.pause(); 
    vid.currentTime = 0; 
}

來源

2013-03-28 19:08:35

html5視頻預加載

回答

相關問題