2013-01-13 45 views
36

我在一個頁面上有幾個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 = 「」 或 「元數據」 或 「自動」 或 「」(空字符串)或空
表示一個提示給UA是否樂觀下載視頻本身或其元數據是否值得。
- 」:向UA提示用戶不期望需要該視頻,或者最小化不必要的業務量是可取的。

0

只需使用<video preload="none">

如果你想只加載視頻的元數據,然後使用<video preload="metadata">

相關問題