在移動設備的視頻代碼（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>

此外，當我測試相同的pingdom.com網站時，它會多次下載相同的視頻文件，這會增加頁面大小。 我只在該網站速度測試平台上注意到這一點。 當我使用Firebug測試時，它僅下載一次視頻文件。

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

Answer 1

據我所知，視頻不會在iOS中自動播放。 不知道它如何在其他設備或操作系統上工作，但我會說它們沒有在iOS設備上下載。

對於其余的內容，我想您可以使用afterResponsive回調，一旦頁面進入響應模式或退出響應模式，該回調就會觸發。 這意味着您可以使用此方法檢測何時處於“移動設備”中，然后執行任何您想做的事情。

在文檔中有更多信息。

UPDATE

似乎從iOS 10開始，某些沒有音頻的視頻已取消了對自動播放的限制。 查看其他答案以獲取更多信息