頁面一旦加載，就開始加載視頻：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 preload 屬性使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="enablePreload()" type="button">加載視頻</button>
<button onclick="disablePreload()" type="button">不加載視頻</button>
<button onclick="checkPreload()" type="button">檢查加載狀態(tài)</button>
<br>
<video id="video1" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標簽。
</video>
<script>
myVid=document.getElementById("video1");
function enablePreload()
{
myVid.preload="auto";
}
function disablePreload()
{
myVid.preload="none";
}
function checkPreload()
{
alert(myVid.preload);
}
</script>
</body>
</html>測試看看 ?/?preload屬性設置或返回是否在頁面加載后立即開始加載音頻/視頻。
preload屬性允許作者向瀏覽器提供有關他/她認為將帶來最佳用戶體驗的提示。在某些情況下，可以忽略此屬性。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 preload 屬性。
注意：Internet Explorer 8 及之前的版本不支持該屬性。
設置 preload 屬性：
audio|video.preload="auto|metadata|none"
返回 preload 屬性：
audio|video.preload
| 值 | 描述 |
|---|---|
| auto | 指示一旦頁面加載，則開始加載音頻/視頻。 |
| metadata | 指示當頁面加載后僅加載音頻/視頻的元數(shù)據(jù)。 |
| none | 指示頁面加載后不應加載音頻/視頻。 |
| 返回值： | 字符串值，auto|metadata|none |
|---|