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

htmlweb developmentfront end technology更新于 2024/8/12 2:20:17

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

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

注意−当自动播放存在时，预加载将被忽略。

语法

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

<video preload="auto|none">

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

<video>preload=" auto"

preload=auto 设置指示浏览器下载整个视频。使用此方法启动后，视频将再次完整播放，这是数据最密集的方法。如果 preload 属性未赋值，则使用自动选择。

示例

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

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