移动浏览器是否支持使用 HTML5 视频标签的 4k 视频？

Question

我有一个尝试在 HTML5 视频标签中加载 4K 视频的基本网页：

https://s3.amazonaws.com/pvxtesting/4ktest/index.html

这适用于桌面 Chrome 浏览器，但无法在移动 Chrome 上运行（已在 iPhone 8 和 Nexus 9 上验证）。

我们设法确定了一个持续时间较短、文件大小为 2 MB 的类似编码视频（相同的分辨率和比特率），仅开始在某些移动浏览器上运行。但持续时间较长且文件大小较大的视频（例如 15 MB 的示例）无法加载。网络监视器显示缓冲发生高达 1.4 MB，但随后它突然停止而没有更新 HTML5 视频 readyState。我们通常会在移动浏览器上观察 1080p 以上大小的视频时出现此问题。

移动浏览器对 AVC 有视频分辨率/比特率限制吗？如果是这样，我们如何在运行时确定这一点？

Answer 1

HTML5 规范只考虑视频格式而不考虑文件大小。对于大型视频文件，如果内存有限，浏览器可能会或可能不会正确加载它。您可以通过HTMLVideoElement::canPlayType 检查是否支持视频格式，但即使这样也不会返回有保证的结果，因为三个可能的返回值是

• “可能”
• “也许”
• 空字符串（绝对不是）

对于大型视频，您可能需要考虑通过 websocket 将它们流式传输到 <video> 标签。这应该更可靠，并为您提供更多控制权。