移动浏览器是否支持使用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>标签。这应该更可靠，并给你更多的控制权。