iPhone与iPad /浏览器上的HTML5内联视频

Question

我创建了一个HTML5视频播放器(非常简单),可以在iPad和浏览器上完美运行.

然而,当我在iPhone上打开它时,我只得到一个播放按钮,当按下该按钮时,在我的所有东西之上打开一个新窗口上的原生视频播放器.

这意味着我无法访问我的自定义控件和时间跟踪(用Javascript编写),因为视频现在正在运行.

有没有办法覆盖苹果对iphone上的HTML5视频的控制,让它像在ipad上一样工作？

干杯

Answer 1

对,

我无处可去,并向Apple提出了一个错误.

几个星期后,他们回到我身边,非常简单地说,我应该在HTML上的视频标签中添加"webkit-playsinline",以及在UIWebView上添加"allowsInlineMediaPlayback"属性.

所以最后,这就是它的样子:

HTML

<video id="player" width="480" height="320" webkit-playsinline>

OBJ-C

webview.allowsInlineMediaPlayback = YES;

一切正常:)

希望这有助于某人,因为它几乎没有文档,我唯一可以找到"webkit-playsinline"参考的地方是iAds参考,其中说:"仅限iAds JS".

Answer 2

在iOS Safari实现内联视频支持之前,您需要使用Web支持的语言编写视频解码器.有视频解码器,如现有实现百老汇的H.264(视频),jsmpeg为MPEG1,和ogv.js(视频和声音的支持).

请记住,解码视频的过程计算量很大.预计相对较慢的FPS(±20).

作为参考,这些人准备了一个可以在iOS设备上播放的视频演示.

Answer 3

在 iOS 10+ 中

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

<video src="file.mp4" playsinline>

在 iOS 8 和 iOS 9 中

您可以通过浏览视频而不是实际.play()播放来模拟播放来解决此问题。

您可以使用iphone-inline-video来处理播放和音频同步（如果有），并且它可以保持<video>正常工作。