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

时间:2016-04-28 15:18:05

标签: javascript ios video

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

示例HTML:

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

1 个答案:

答案 0 :(得分:1)

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

有一个流行的javascript库来检测浏览器功能,其中包括一个可能对您有用的自动播放测试:

同样,所有移动设备都不支持内联视频 - 它正在发展,所以现在有更多的设备可以做,但依靠它可能不是一个好主意。同样,至少有一个开源库试图在iPhone上解决这个问题(就我记得的那样,我上次查看的内联视频在iPad上工作):