如何在 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

129 次浏览

启动你的 职业生涯

通过完成课程获得认证

开始学习
广告