在移动设备上播放背景视频的Apple/Safari问题

Question

我有一个使用BigVideo.js的全屏幕背景视频网站。 （http://dfcb.github.io/BigVideo.js/）在移动设备上，android运行良好。但是，在苹果设备上，视频会加载一个“播放”按钮，您需要单击该按钮，将视频加载到站点顶部的模式窗口中。任何关于如何使这个行为像桌面/ Android设备的视频在后台无缝播放的想法？是否有苹果应用程序驱动的事件检测视频并强制播放模式？

示例HTML：

<div class="screen" data-video="vid/1-Statue.mp4"> 

Answer 1

许多移动设备不支持视频自动播放 - 的想法是为了避免运行了大量的移动数据账单的用户。上次我查看所有较小的iOS设备，即iPhone没有。

有一种流行的JavaScript库来检测浏览器的功能，其中包括自动播放测试可能对您有用：

• https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js

同样，在线视频不支持所有的移动设备 - 它正在不断发展，所以现在有更多的设备可以使用，但依靠它可能不是一个好主意。此外，至少有一个开源库试图解决这一问题上的iPhone（内嵌的视频在iPad上的作品我查了最后一次，据我记得）：

• https://github.com/newshorts/InlineVideo