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

Question

我有一个使用 BigVideo.js 的全屏背景视频网站。 (http://dfcb.github.io/BigVideo.js/) 在移动设备上，android 运行良好。但是，在苹果设备上，视频加载时需要单击“播放”按钮，该按钮会在网站顶部的模式窗口中加载视频。关于如何使其表现得像在后台无缝播放视频的桌面/安卓设备的任何想法？是否存在 Apple 应用驱动的事件检测视频并强制在模式中播放？

示例 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