HTML5视频-限制MP4的缓冲区



是否可以使用HTML5视频标签加载MP4,但控制从服务器下载/缓冲的文件量(假设它支持字节范围(。

从本质上讲,我希望能够说";仅提前60秒下载";所以我可以避免浏览器下载整个2GB的文件,当用户无论如何都会反弹时。

来源:https://stackoverflow.com/a/65501042/2982234

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

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>

答案:浏览器将自动缓冲他们需要的内容,而不是下载整个文件。没有必要尝试并控制从"0"到"0"的缓冲;自定义";HTML5播放器POV。

最新更新