- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:23:33
定义
preload 属性可以用于设置或返回是否在页面加载后立即加载媒体元素（音频/视频）。
preload 属性允许作者向浏览器提供有关其认为的会带来最佳用户体验的暗示。该属性在某些情况下被忽略。
语法
设置 preload 属性：
audio|video.preload="auto|metadata|none"
返回 preload 属性：
audio|video.preload
属性值
● auto：指示一旦页面加载，则开始加载音频/视频。
● metadata：指示当页面加载后仅加载音频/视频的元数据。
● none：指示页面加载后不应加载音频/视频。
返回值：返回一个字符串值，auto|metadata|none
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
preload | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 preload 属性。
注意：Internet Explorer 8 及之前的版本不支持该属性。
页面一旦加载，就开始加载视频：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<video id="video" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822829671474.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
<br> <br>
<button onclick="enablePreload()" type="button">加载视频</button>
<button onclick="disablePreload()" type="button">不加载视频</button>
<button onclick="checkPreload()" type="button">检查加载状态</button>
<script>
myVid=document.getElementById("video");
function enablePreload()
{
myVid.preload="auto";
}
function disablePreload()
{
myVid.preload="none";
}
function checkPreload()
{
alert(myVid.preload);
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册