当在移动设备的视频标签(HTML5)中使用时，停止背景视频下载

Stop background video from downloading when used in Video tag (HTML5) for mobile devices

本文关键字：视频下载 背景 移动 的视频 HTML5 标签      更新时间：2023-09-26

我在网站的几个页面上使用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

据我所知，视频在iOS中不会自动播放。不知道它在其他设备或操作系统上是如何工作的，但我想说的是，它们不会在iOS设备上下载。

对于其余的，我想你可以利用回调afterResponsive，一旦页面进入响应模式或从响应模式中出来，它将被触发。这意味着你可以通过使用这种方法来检测你何时处于"移动设备"中，然后做任何你想做的事情。

更多信息见文档

<标题> 更新

似乎iOS 10对自动播放的限制已经被移除到某些没有音频的视频。查看其他答案获取更多信息

相关文章：