在用於移動設備的視頻標記（HTML5）中停止下載背景視頻

Question

我在網站的幾頁上使​​用FullPage.js腳本來嵌入視頻作爲背景。

類似的東西給這個腳本http://www.alvarotrigo.com/fullPage/examples/videoBackground.html

隨着唯一的區別就是我的影片是3MB之間 - 大小7MB。它在桌面上運行良好，同一頁面在移動設備上下載速度很慢，因爲它還會隨網頁一起下載視頻。

是否有任何內置的功能，可以從網上下載的除了使用JavaScript來去除src="video1.mp4"

<video autoplay loop muted controls="false" id="myVideo"> 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
</video> 

而且這個當我測試相同的Web pingdom.com網站下載它同移動設備停止視頻視頻文件多次增加頁面大小。我只注意到這個網站的速度測試平臺。而當我使用Firebug進行測試時，它只下載一次視頻文件。

https://tools.pingdom.com/#!/coQYIA/http://www.alvarotrigo.com/fullPage/examples/videoBackground.html

Answer 1

據我所知，影片將不會在iOS中自動播放。不知道它如何在其他設備或操作系統上工作，但我會說他們不是在iOS設備中下載的。

其餘的，我想你可以利用回調afterResponsive，一旦頁面進入響應模式或從頁面進入，它會觸發。 含義您可以使用此方法檢測您何時在「移動設備」中，然後執行任何您想要執行的操作。

更多信息in the docs。

UPDATE

似乎從iOS設備進行自動播放10限制已被刪除，沒有音頻播放某些視頻。 Check this other answer for more info