我可以避免在iPhone或Android上使用HTML5的原生全屏视频播放器吗?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (82)

我已经构建了一个Web应用程序,该应用程序使用HTML5标记和JavaScript代码来渲染与正在运行的视频同步的其他内容。它适用于桌面浏览器:Firefox,Chrome和Safari。在iPhone或DroidX上,本地视频播放器会弹出并接管屏幕,从而模糊了我想与视频同时显示的其他动态内容。

有没有办法解决这个问题呢?

提问于
用户回答回答于

在iOS 10+中

Apple playsinline在iOS 10的所有浏览器中启用了该属性,因此可以无缝工作:

<video src="file.mp4" playsinline>

在iOS 8和iOS 9中

你可以实现内联播放并同步音频。

你还可以通过浏览视频来模拟播放而不是实际操作.play(),从而解决此问题。

用户回答回答于

有一个属性可以在iOS网络浏览器中启用/禁用线性媒体播放功能(如果您正在编写本机应用程序,它将是allowsInlineMediaPlaybackUIWebView 的属性)。在iPhone上默认设置为NO,但在iPad上设置为YES

幸运的是,你还可以按如下方式在HTML中调整此行为:

<video id="myVideo" width="280" height="140" webkit-playsinline>

扫码关注云+社区