页面一旦加载，就开始加载视频：
<!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">检查加载状态</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 | 指示当页面加载后仅加载音频/视频的元数据。 |
| none | 指示页面加载后不应加载音频/视频。 |
| 返回值： | 字符串值，auto|metadata|none |
|---|