我在一個頁面上有幾個html5視頻,我剛剛意識到,當您訪問該頁面時,即使我沒有點擊任何視頻,所有視頻開始加載。如何在播放前防止加載html5視頻?
有沒有辦法在您點擊播放後才加載視頻,以防止不必要的下載?
我在一個頁面上有幾個html5視頻,我剛剛意識到,當您訪問該頁面時,即使我沒有點擊任何視頻,所有視頻開始加載。如何在播放前防止加載html5視頻?
有沒有辦法在您點擊播放後才加載視頻,以防止不必要的下載?
<!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>
使用預載 「無」
您應該使用preload
屬性,並將其值設置爲none
。
preload
= 「無」 或 「元數據」 或 「自動」 或 「」(空字符串)或空
表示一個提示給UA是否樂觀下載視頻本身或其元數據是否值得。
- 「無」:向UA提示用戶不期望需要該視頻,或者最小化不必要的業務量是可取的。
只需使用<video preload="none">
如果你想只加載視頻的元數據,然後使用<video preload="metadata">
不知不覺間會很簡單,謝謝! –
沒問題,我很高興能幫上忙。 –
是否顯示任何快照或顯示視頻外觀的圖像? – nosthertus