ios10 safari上的html頁面中是否存在視頻元素的限制

我有一個用於顯示gif的html頁面。我想通過將這些gif轉換爲視頻來優化它。我讓他們靜音，設置「顯示在線」和「自動播放」。ios10 safari上的html頁面中是否存在視頻元素的限制

我使用ios 10 safari在iPhone上測試了它; 但奇怪的是，當視頻數量大於16（可能）時，其中一些（隨機位置）將變成空的方塊。我使用相同的'src'值設置每個視頻，而不是更改。

所以，我不知道在ios safari中的HTML頁面的視頻是否有限制？

<html> 
 
<body> 
 
<style> 
 
video{ 
 
    width:100%; 
 
    margin-bottom: 20px; 
 
} 
 
</style> 
 
<p> 
 
<video src="http://dev.mediapool.fi/demot/iosvideo/puuvideo.mp4" muted loop playsinline autoplay></video> 
 
</p> 
 
<p> 
 
<video src="http://dev.mediapool.fi/demot/iosvideo/puuvideo.mp4" muted loop playsinline autoplay></video> 
 
</p> 
 
<!--....same video repeat 20 times --> 
 
</body> 
 
</html>

來源

2017-08-01 user3454140

應該沒有限制，但是有這麼多的視頻肯定會影響內存 –

播放視頻是CPU密集型任務，同時還將使用內存，爲穆罕默德指出，和網絡帶寬。

許多設備將支持視頻播放硬件，以幫助加速並減少處理和電池使用。但是，這通常不會被設計爲支持同時播放許多視頻。

大多數設備都會演示一些與您所描述的測試頁類型有關的問題 - 這些症狀在不同的瀏覽器和不同的機器上可能會有所不同，但幾乎所有人都很難同時播放這些視頻。

雖然這種類型的頁面可能無法滿足您的需求，但它的典型方法是爲所有視頻製作縮略圖，並在選擇或懸停播放視頻時開始播放。

來源

2017-08-02 07:42:04 Mick

ios10 safari上的html頁面中是否存在視頻元素的限制

回答

相關問題