HTML5 视频 — MP4 的限制缓冲区

Question

Is it possible to use an HTML5 Video tag to load an MP4, but control how much of the file is downloaded/buffered from the server (assume it supports byte ranges).是否可以使用 HTML5 视频标签加载 MP4，但控制从服务器下载/缓冲的文件量（假设它支持字节范围）。

Essentially, I'd like to be able to say "only download 60 seconds ahead" so I can avoid the browser downloading an entire 2 GB file when the user is going to end up bouncing anyway.本质上，我希望能够说“只提前 60 秒下载”，这样我就可以避免浏览器在用户无论如何都要跳出时下载整个 2 GB 的文件。

Answer 1

Source: https:\/\/stackoverflow.com\/a\/65501042\/2982234<\/a>来源： https<\/a> :\/\/stackoverflow.com\/a\/65501042\/2982234

You could use the media-fragment syntax in the url to let the browser know which portion of the media it should play.您可以在 url 中使用 media-fragment 语法让浏览器知道它应该播放媒体的哪个部分。

 document.querySelector("button").onclick = ({target}) => { target.remove(); document.querySelector("video").play(); };<\/code><\/pre> video { max-height: 100vh; }<\/code><\/pre> <button>play<\/button> <video muted src="https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/22\/Volcano_Lava_Sample.webm#t=0,60"><\/video><\/code><\/pre>

"

Answer 2

Answer: browsers will automatically buffer only what they need, rather than download the whole file.答：浏览器会自动只缓冲他们需要的内容，而不是下载整个文件。 It is not necessary to try and control the buffering from a "custom" HTML5 player POV.没有必要尝试从“自定义”HTML5 播放器 POV 控制缓冲。

HTML5 视频 — MP4 的限制缓冲区

问题描述

2 个解决方案

解决方案1
0 2022-02-07 06:59:56

解决方案2
0 已采纳 2022-02-09 15:07:11

HTML5 视频 — MP4 的限制缓冲区

问题描述

2 个解决方案

解决方案1 0 2022-02-07 06:59:56

解决方案2 0 已采纳 2022-02-09 15:07:11

解决方案1
0 2022-02-07 06:59:56

解决方案2
0 已采纳 2022-02-09 15:07:11