购物车
登陆 / 注册
微信扫码登陆

推荐手册

preload 属性

preload 属性
枚举属性,让开发者自行思考来示意浏览器使用何种加载方式以达到最好的用户体验
灭绝小师太 灭绝小师太 更新时间:2019-04-11 11:16:54

HTML <audio> preload 属性

定义和用法

枚举属性,让开发者自行思考来示意浏览器使用何种加载方式以达到最好的用户体验。可以是以下属性之一:

  • none: 示意用户可能不会播放该音频,或者服务器希望节省带宽;换句话说,该音频不会被缓存;

  • metadata: 示意即使用户可能不会播放该音频,但获取元数据 (例如音频长度) 还是有必要的。

  • auto: 示意用户可能会播放音频;换句话说,如果有必要,整个音频都将被加载,即使用户不期望使用。

  • 空字符串 : 等效于auto属性。

假如不设置,默认值就是浏览器定义的了(不同浏览器会选择自己的默认值), 即使规范建议设置为 metadata.


浏览器支持


incompatible_ie.gif


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


HTML 4.01 与 HTML 5 之间的差异

preload 属性是 HTML 5 中的新属性。<audio> 标签是HTML5新标签。


语法

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

属性值


描述
load

规定是否预加载音频。

可能的值:

  • auto - 当页面加载后载入整个音频
  • meta - 当页面加载后只载入元数据
  • none - 当页面加载后不载入音频

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<audio controls preload="none">
  <source src="http://img.php.cn/ueditor/php/upload/video/20190408/1554714441875712.ogg" type="audio/ogg">
  <source src="http://img.php.cn/ueditor/php/upload/video/20190408/1554714396121183.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号