HTML 参考手册

HTML 标签大全

HTML: <video> preload 属性

<video> preload 属性的使用方法，在线实例演示如何使用 <video> preload 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <video> 标签

在线示例

不在页面打开时加载视频：

<!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 标签。
</video>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

除了Internet Explorer，所有主流浏览器都支持 preload 属性。

定义和用法

preload属性指定当页面加载时作者是否以及如何认为应该加载视频。
preload属性允许作者向浏览器提供有关他/她认为将带来最佳用户体验的提示。在某些情况下，可以忽略此属性。
注意：如果存在autoplay功能，则将忽略preload属性。

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

语法

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

属性值

值描述
auto指示一旦页面加载，则开始加载音频/视频。
metadata指示当页面加载后仅加载音频/视频的元数据。
none指示页面加载后不应加载音频/视频。
 HTML <video> 标签
HTML: <template> 标签