几天来我一直在努力解决这个问题，但似乎找不到答案。
我正在尝试使用适用于 Android 和 IOS 的 HTML5 为视频播放器构建概念验证，诀窍是在某些时候我需要在视频本身上显示对象。
现在我通常会使用 Video on Canvas 或 Video 标签来解决它，然后在其上创建一个图层，其中包含我想要由计时器同步和触发的任何其他数据(在我的具体示例中，我使用 PopcornJS 来触发基于时间的事件)。
现在，它在普通桌面浏览器上运行良好，在 Android 上运行良好 但似乎 Safari 无论如何都不会呈现它...它坚持在自己的播放器中打开视频，而忽略任何其他 JS/HTML。
引用问题 can be seen here .
最佳答案
恐怕目前无法在 iPhone 上使用 Safari。我一直在开发交互式演示 Web 应用程序，但遇到了同样的问题。
This question 涵盖了 iPhone 上全屏视频的问题。答案提到了 webkit-playsinline 属性，但指出它只在 UIWebView 对象中起作用，在 Safari 中不起作用。
希望这会在未来的某个时候有所改变。
关于javascript - 在 IOS 上显示 html5 视频的最佳方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18301718/