在IOS上显示html5视频的最佳方法

Question

几天来，我一直在努力解决这个问题，但似乎找不到答案。

我正在尝试为使用HTML5的视频播放器构建一个概念证明，它可以在安卓和IOS上工作，诀窍是在某些时候，我需要在视频本身上显示对象。

现在我通常会使用画布上的视频或视频标签来解决这个问题，然后在上面创建一个层，上面有我想要同步和由定时器触发的任何额外数据(在我的特定示例中，我已经使用PopcornJS来触发基于时间的事件)。

现在，它在普通的桌面浏览器上运行良好，在android上也运行得足够好，但似乎Safari无论如何都不会渲染它……它坚持在自己播放器中打开视频，而不考虑任何额外的JS/HTML。

关于问题can be seen here的参考。

Answer 1

恐怕这在Safari的iPhone上是不可能的。我一直在开发一个交互式演示web应用程序，也遇到了同样的问题。

This question解决了iPhone上仅全屏显示视频的问题。答案提到了webkit-playsinline属性，但指出它只能在UIWebView对象内部工作，不能在Safari中工作。

希望这种情况在未来的某个时候会有所改变。