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

标签 javascript ios video

我有一个使用 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/

相关文章:

通过将字符串转换为日期格式来对 Javascript 日期进行排序

iOS swift json PUT 参数中的请求字符串数组

javascript - 在播放结束时隐藏视频控件

c++ - 在 OpenCV FOURCC 编解码器中写入视频

java - 如何使用java将视频下载到文件中?

javascript - 如何从正则表达式创建随机字符串

javascript - 如何清除以 setInterval 启动的计时器?

php - 如何发布元素包含 'http://www.example.com?i=12&j=34' 等数据的 ajax 数据

ios - 使用GVRSDK创建IOSurface图像(纹理)失败

ios - 在 iOS 项目上设置 Google Analytics 时出现 "guard body may not fall through"错误(在 Swift 中)