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

为了解决这个问题，我绞尽脑汁了几天，但似乎找不到答案

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

现在，我通常会使用画布上的视频或视频标签来解决这个问题，然后在上面创建一个层，其中包含我希望同步并由计时器触发的任何附加数据（在我的特定示例中，我使用PopcornJS触发基于时间的事件）

现在，它可以在普通的桌面浏览器上正常工作，对于android来说也足够好了 但看来Safari无论如何都不会呈现它。。。它坚持在自己的播放器中打开视频，而不考虑任何额外的JS/HTML

---

关于这个问题，请参考。

恐怕目前在Safari的iPhone上无法实现。我一直在开发一个交互式演示web应用程序，遇到了同样的问题

涵盖iPhone上仅全屏视频的问题。答案提到了该属性，但指出它只在

UIWebView

对象中起作用，在Safari中不起作用

---

希望这在将来的某个时候会有所改变。

您有任何示例代码吗？此外，在iOS上，所有视频（当然来自网页）都将在全屏播放器中打开。我没有代码示例，但任何示例都可以，例如：您的浏览器不支持视频标记。是的，它是在全屏播放器中打开的（本机，不支持DOM/html5/js。这就是问题所在。我试图用自定义消息覆盖视频，播放器只显示视频本身，并跳过代码。我实际上使用了Sprite（将电影转换为一条照片，并在画布上单独绘制）它可以很好地工作，但仅限于Safari的最大图像大小。