html5中preload是什么意思

122 阅读 0 评论 81 点赞

我是靠谱客的博主鲜艳魔镜，最近开发中收集的这篇文章主要介绍html5中preload是什么意思，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows10系统、HTML5版本、Dell G3电脑。

html5中preload是什么意思

preload 属性规定是否在页面加载后载入音频。

如果设置了 autoplay 属性，则忽略该属性。

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

语法为：

<audio preload="auto|metadata|none">
登录后复制

<video preload="auto|metadata|none">
登录后复制

规定是否预加载音频。

可能的值：

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

示例如下：

不载入

<video width="320" height="240" controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
登录后复制

输出结果：

页面加载后载入

<video width="320" height="240" controls preload="auto">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
登录后复制

输出结果：