html 5 上的元数据预加载属性是否加载整个视频?

bas*_*abi 6 html video performance pageload

使用 html 5video标签时,该preload="metadata"属性是否已加载视频?我有点担心页面加载的性能问题是视频大小应该大于 100MB。

我注意到当有这个属性时,视频的第一秒的图像被加载但并没有完全播放视频。

<video width="320" height="240" controls preload="metadata">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
Run Code Online (Sandbox Code Playgroud)

Gib*_*boK 5

preload属性向浏览器提供关于视频本身或其元数据的乐观下载是否值得的提示。

元数据不会立即下载整个视频,只会下载元数据。规范建议将该属性设置为metadata

以下是包含所有可用选项的列表:

无 - 向浏览器提示用户可能不会观看视频,或者需要最小化不必要的流量。

元数据 - 向浏览器提示用户不需要该视频,但需要获取其元数据(尺寸、第一帧、曲目列表、持续时间等)。

auto - 向浏览器提示乐观地下载整个视频被认为是可取的。

更多信息:https ://developer.mozilla.org/en/docs/Web/HTML/Element/video

  • 元数据标签无法在所有浏览器中按预期工作。至少在 Chrome v63.0.3239.132 中,`preload='metadata'` 会在页面加载时下载整个视频,就像 `preload='auto'` 一样。 (2认同)