HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <video> preload 屬性

<video> preload 屬性的使用方法，在線實(shí)例演示如何使用 <video> preload 屬性、瀏覽器的兼容性、語法定義及它的屬性值詳細(xì)資料等。

在線示例

不在頁面打開時加載視頻：

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(cainiaoplus.com)</title> 
</head>
<body>
<video controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的瀏覽器不支持 video 標(biāo)簽。
</video>
</body>
</html>

測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

除了Internet Explorer，所有主流瀏覽器都支持 preload 屬性。

定義和用法

preload屬性指定當(dāng)頁面加載時作者是否以及如何認(rèn)為應(yīng)該加載視頻。
preload屬性允許作者向?yàn)g覽器提供有關(guān)他/她認(rèn)為將帶來最佳用戶體驗(yàn)的提示。在某些情況下，可以忽略此屬性。
注意：如果存在autoplay功能，則將忽略preload屬性。

HTML 4.01 與 HTML5之間的差異

<video> 標(biāo)簽是 HTML5 新標(biāo)簽。

語法

<video preload="auto|metadata|none">

屬性值

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

HTML <video> 標(biāo)簽

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