如何在HTML中指定元素为只读？

在本文中，我们将学习如何在HTML中指定作者认为音频/视频在页面加载时应如何加载。

使用HTML音频预加载属性，作者可以描述他们希望音频在页面加载时如何加载。此功能允许作者告诉浏览器如何实现网站的用户体验。

注意 — 预加载属性在存在自动播放时会被忽略。

语法

以下是HTML预加载属性的语法。

<video preload="auto|none">

为了更好地理解如何在HTML中指定作者认为音频/视频在页面加载时应如何加载。

<video>preload=” auto”

preload=auto 设置指示浏览器下载整个视频。使用此方法启动后，视频将再次完全播放，这是最耗费数据的方法。如果 preload 属性没有指定值，则使用 auto 设置。

示例

在下面的示例中，我们设置了 preload=” auto”。

<!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>

执行上述脚本后，当用户尝试重新加载网页时，它将使用户重新加载上传带有显示图像的视频。

<video>preload =”none”

Preload=none 指示浏览器下载 0 字节的视频，即使存在视频也是如此。设备上没有本地视频存储，因此这显然可以节省数据，但代价是视频启动延迟。

示例

考虑下面的示例，我们设置了 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>

当脚本执行时，它使用户在网页加载时不会加载视频。

更新于：2022年12月15日

浏览量：128

开启你的职业生涯

完成课程获得认证

开始学习
广告