HTML5 视频 — MP4 的限制缓冲区

Question

是否可以使用 HTML5 视频标签加载 MP4，但控制文件中有多少是 downloaded/buffered 来自服务器的（假设它支持字节范围）。

本质上，我希望能够说“只提前 60 秒下载”，这样我就可以避免浏览器在用户无论如何都要跳出时下载整个 2 GB 的文件。

Answer 1

来源：

您可以在 url 中使用 media-fragment 语法让浏览器知道它应该播放媒体的哪一部分。

document.querySelector("button").onclick = ({target}) => {
  target.remove();
  document.querySelector("video").play();
};

video { max-height: 100vh; }

<button>play</button>
<video muted src="https://upload.wikimedia.org/wikipedia/commons/2/22/Volcano_Lava_Sample.webm#t=0,60"></video>

Answer 2

回答：浏览器将自动只缓冲他们需要的内容，而不是下载整个文件。没有必要尝试从“自定义”HTML5 播放器 POV 控制缓冲。

HTML5 Video — limiting buffer for an MP4