HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM preload 屬性

在線示例

頁(yè)面一旦加載，就開(kāi)始加載視頻：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 preload 屬性使用-菜鳥(niǎo)教程(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  標(biāo)簽。
</video>
<script>
myVid=document.getElementById("video1");
function enablePreload()
{ 
  myVid.preload="auto";
}  
function disablePreload()
{ 
  myVid.preload="none";
} 
function checkPreload()
{ 
  alert(myVid.preload);
} 
</script> 
</body>
</html>

測(cè)試看看 ?/?

定義和用法

preload屬性設(shè)置或返回是否在頁(yè)面加載后立即開(kāi)始加載音頻/視頻。
preload屬性允許作者向?yàn)g覽器提供有關(guān)他/她認(rèn)為將帶來(lái)最佳用戶體驗(yàn)的提示。在某些情況下，可以忽略此屬性。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 preload 屬性。

注意：Internet Explorer 8 及之前的版本不支持該屬性。

語(yǔ)法

設(shè)置 preload 屬性：

audio|video.preload="auto|metadata|none"

返回 preload 屬性：

audio|video.preload

屬性值

值	描述
auto	指示一旦頁(yè)面加載，則開(kāi)始加載音頻/視頻。
metadata	指示當(dāng)頁(yè)面加載后僅加載音頻/視頻的元數(shù)據(jù)。
none	指示頁(yè)面加載后不應(yīng)加載音頻/視頻。

技術(shù)細(xì)節(jié)

返回值：	字符串值，auto\|metadata\|none

HTML 音頻/視頻 DOM 參考手冊(cè)

HTML: <template> 標(biāo)簽