2013-01-13 4 views
36

私は1つのページに複数のhtml5ビデオを持っています。私はあなたがそのページにアクセスしたときに、それらのいずれかで再生をクリックしていなくても、すべてのビデオの読み込みを開始することに気づきました。再生する前にhtml5ビデオを読み込まないようにするにはどうすればいいですか?

不要なダウンロードを防止するために、再生をクリックするだけでビデオを読み込む方法はありますか?

答えて

61
<!DOCTYPE html> 
<html> 
<body> 

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

</body> 
</html> 

使用プリロード "なし"

http://diveintohtml5.info/video.html

+1

それを知っていたを使用しますありがとう! –

+0

問題はない、私は助けることができてうれしい。 –

+0

これはスナップショット、またはビデオの外観を示す画像を表示しますか?プレビューのための – nosthertus

12

preload属性を使用し、その値をnoneに設定する必要があります。 the <video> specification

preload = "なし" または "メタデータ" または "自動 a" または "an"(空文字列)または空
はにヒントを表しから

見積もりUAは、ビデオ自体またはそのメタデータの楽観的なダウンロードが価値があると考えられるかどうかについて、
- "なし":ユーザーがビデオを必要としないこと、または不要なトラフィックを最小限に抑えることが望ましいことをUAに知らせる。

0

だけ<video preload="none">

を使用して、あなただけのビデオのメタデータをロードしたい場合は、その後<video preload="metadata">

関連する問題