所属分类：web前端开发
在本文中，我们将学习如何在HTML中指定在页面加载时如何加载音频/视频以及作者的观点。
通过使用 HTML 音频预加载属性，作者可以描述页面加载时如何加载音频。该功能允许作者告诉浏览器如何实现网站的用户体验。
注意− 当自动播放存在时，预加载将被忽略。
以下是HTML preload属性的语法。
<video preload="auto|none">
为了更好地理解如何在HTML中指定作者认为音频/视频在页面加载时应该如何加载。
preload=auto设置指示浏览器下载整个视频。使用此方法开始后，视频将完全重新播放，这是最消耗数据的方法。如果未给出preload属性的值，则使用自动选择。
在下面的示例中，我们设置预加载=“auto”。
微博登录
QQ登录<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
</video>
</body>
</html>
在执行上述脚本时，当用户尝试重新加载网页时，它将使用户重新加载与图像一起上传的视频。
Preload=none指示浏览器不下载视频的任何字节，尽管存在一个视频。设备上没有本地视频存储，所以这显然节省了数据，但以延迟视频启动为代价。
考虑以下示例，我们将preload设置为“none”。
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
</video>
</body>
</html>
当脚本执行时，它会使用户在网页加载时不加载视频
