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

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

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

我已经构建了一个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>

所属标签

可能回答问题的人

  • 红双喜经典VS中华

    1 粉丝0 提问8 回答
  • 杰西

    5 粉丝1 提问4 回答
  • 浮生长恨欢娱少

    个人站长 · 站长 (已认证)

    51 粉丝2 提问4 回答
  • 滑稽园扛把子

    Swoole Inc · PHP工程师 (已认证)

    135 粉丝0 提问4 回答

扫码关注云+社区