iphone - 我可以避免在 iPhone 或 android 上使用 HTML5 的原生全屏视频播放器吗？

Question

我已经构建了一个使用 HTML5 标记和 JavaScript 代码的网络应用程序，该代码可以呈现与正在运行的视频同步的其他内容。它在桌面浏览器中运行良好:Firefox、Chrome 和 Safari。在 iPhone 或 DroidX 上，原生视频播放器会弹出并占据屏幕，从而遮盖了我想与视频同时显示的其他动态内容。

有没有办法解决这个问题？如有必要，我会弄清楚如何为这两个平台编写 native 应用程序，但如果我能坚持使用 HTML5/JavaScript，这将节省我大量的精力。

Answer 1

在 iOS 10+ 中

Apple 在 iOS 10 的所有浏览器中启用了属性 playsinline，因此可以无缝运行:

<video src="file.mp4" playsinline>

在 iOS 8 和 iOS 9 中

简答:使用iphone-inline-video ，它启用内联播放并同步音频。

长答案:您可以通过 略读 视频而不是实际 .play()'ing 来模拟播放来解决此问题它。