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