html - 视频预加载：在 Chrome 中必须有一个有效的 `as` 值

Question

我正在尝试使用链接标签的 preload rel 值预加载视频。文档在这里。在我的 index.html 文件中，我将以下内容添加到头部：

<link rel="preload" as="video" type="video/mp4" href="foo.mp4" />

我在最新的 Chrome 中收到以下控制台错误，即使根据规范video是一个有效值。as

<link rel=preload> must have a valid "as" value

我发现了这个未解决的 Chrome 错误，但这是指不同的用例。是否可以通过这种方式预加载视频？

标签： htmlhtml5-videopreload

Answer 1

您可以使用此处的代码片段在浏览器中进行测试

function preloadFullVideoSupported() {
  const link = document.createElement('link');
  link.as = 'video';
  return (link.as === 'video');
}

or

function preloadFirstSegmentSupported() {
  const link = document.createElement('link');
  link.as = 'fetch';
  return (link.as === 'fetch');
}

不幸的是，在预加载时，我找不到任何文档支持每个浏览器的单个 as="X" 值。