我有一个使用 BigVideo.js 的全屏背景视频网站。 ( http://dfcb.github.io/BigVideo.js/ ) 在移动设备上,android 运行良好。但是,在苹果设备上,视频会通过“播放”按钮加载,您需要单击该按钮将视频加载到网站顶部的模式窗口中。关于如何使视频在后台无缝播放的台式机/安卓设备有任何想法吗?是否存在 Apple 应用程序驱动的事件检测视频并强制以模式播放?
示例 HTML:
<div class="screen" data-video="vid/1-Statue.mp4">
最佳答案
许多移动设备不支持视频自动播放 - 这样做的目的是避免用户产生大量移动数据费用。上次我查看了所有较小的 iOS 设备,即 iPhone 没有。
有一个流行的 javascript 库可以检测浏览器功能,其中包括自动播放测试,这可能对您有用:
同样,并非所有移动设备都支持内联视频 - 它正在不断发展,现在越来越多的设备支持它,但依赖它可能不是一个好主意。同样,至少有一个开源库试图在 iPhone 上解决这个问题(据我记得,我上次检查时内嵌视频在 iPad 上工作):
关于javascript - Apple/Safari 问题在移动设备上播放背景视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36918880/