2012-01-15 2 views
14

htmlビデオをプリロードすることはできますか?注:タグは後で動的に作成されます。html5ビデオプリロード

現在、私は隠されたdivを作成し、そこにすべての画像を置くことで画像でこれを行うことができます。その後、必要に応じてイメージを再作成する必要はありません。

ビデオタグでこれを行うと、ブラウザでは、要素が作成されるときにビデオが最初から読み込まれます。

私はこれを見ました:https://github.com/jussi-kalliokoski/html5Preloader.jsですが、動画では動作しません。任意のアイデアをいただければ幸いです!

+0

'preload =" auto "'属性についてはどうでしょうか? – dfsq

+0

こちらをご覧ください:http://stackoverflow.com/questions/476679/preloading-images-with-jquery –

+0

Brett、これは映像であり、イメージではありません。 –

答えて

3

はこれを試してみてください:

<!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でこのdoesntの仕事を;)、このためにあなたには、いくつかのプレイヤー(.jsファイルの単純含める)を使用することができます。彼らはIE用フラッシュのfallbakを持っていますJW Player & JW Player Preload

Njoy !!!

0

私はビデオの一部が表示され、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; 
} 
関連する問題