使用<link rel =“ preload” />以HTML预加载m3u8视频

Question

我正在使用<link rel="preload">属性来预加载视频，以便更快地播放。

但是我的视频是一个.m3u8文件，这是一个播放列表文件，可链接到多个分块的.ts文件。

为了成功地预加载视频，我应该链接到播放列表文件

<link rel="preload" as="video" href="https://cdn.com/file.m3u8">

或

像这样链接到源文件：

<link rel="preload" as="video" href="https://cdn.com/file1.ts">
<link rel="preload" as="video" href="https://cdn.com/file2.ts">
<link rel="preload" as="video" href="https://cdn.com/file3.ts">

Answer 1

您应该从<video>标记链接到m3u8，因为您希望浏览器在运行时确定用户可以支持流式传输的带宽。

如果您的m3u8格式正确，并表明它是VOD文件（而不是实时流），则某些浏览器会尝试从-更好地使用其逻辑，从而在大多数情况下预加载片段。