Html 视频预加载:<;链路rel=预加载>;必须在Chrome中具有有效的'as'值

Html 视频预加载:<;链路rel=预加载>;必须在Chrome中具有有效的'as'值,html,html5-video,preload,Html,Html5 Video,Preload,我正在尝试使用链接标记的preload rel值预加载视频。 在我的index.html文件中,我将向头部添加以下内容: <link rel="preload" as="video" type="video/mp4" href="foo.mp4" /> 我发现,但这是指一个不同的用例。可以用这种方式预加载视频吗?您可以在浏览器中使用 不幸的是,在预加载时,我找不到任何支持每个浏览器的单个as=“X”值的文档。在尝试在mobile safari上预加载视频时,我遇到了同样的问题。我尝

我正在尝试使用链接标记的preload rel值预加载视频。 在我的index.html文件中,我将向头部添加以下内容:

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

我发现,但这是指一个不同的用例。可以用这种方式预加载视频吗?

您可以在浏览器中使用


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

在尝试在mobile safari上预加载视频时,我遇到了同样的问题。我尝试添加“crossorigin”并包含完整的域,但没有成功。
<link rel=preload> must have a valid "as" value
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');
}