移動瀏覽器是否支持使用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>標籤。這應該更可靠，並給你更多的控制權。