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

Question

我试图解决这个问题已经几天了，似乎无法找到答案。

我正在尝试使用适用于Android和IOS的HTML5构建视频播放器的概念验证，其诀窍是在某些时候我需要在视频本身上显示对象。

现在我通常会使用画布上的视频或视频标签来解决它，然后只需创建一个图层就可以使用我希望同步并由计时器触发的任何其他数据（在我的具体示例中，我使用了PopcornJS来触发基于时间的事件）。

现在，它在普通的桌面浏览器上运行良好，并且对于android来说效果很好 但似乎Safari无论如何都不会渲染它......它坚持在它自己的播放器中打开视频而忽略任何额外的JS / HTML。

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

Answer 1

害怕Safari目前无法在iPhone上使用。我一直在研究一个交互式演示文稿Web应用程序，并遇到了同样的问题。

This question涵盖了iPhone上仅限全屏的视频问题。答案提到webkit-playsinline属性，但指出它只适用于UIWebView对象，而不适用于Safari。

希望这将在未来的某个时刻发生变化。