iPhone上的VideoJS自定义播放器主题

Question

有没有办法在iPhone上自定义VideoJS（v.5）HTML5播放器？

我们使用createEl()方法在播放器和自定义控件上创建了自定义元素。桌面，移动（Android）和平板电脑（Android和ipad）上的一切看起来都很好但是当涉及到iPhone时，播放器会回归到HTML默认控件并且不会显示自定义元素（参见下图）。

Android上的播放器：

iOS上的播放器：

video.js中的createEl()方法中还有一部分代码可以告诉我们关于破解iPhone的信息。

＆＃13;

＆＃13;

// insert the tag as the first child of the player element
// then manually add it to the children array so that this.addChild
// will work properly for other components
//
// Breaks iPhone, fixed in HTML5 setup.
Dom.insertElFirst(tag, el);
this.children_.unshift(tag);

this.el_ = el;

return el;

＆＃13;

＆＃13;

＆＃13;

针对此问题的任何解决方案？

Answer 1

答案很简单：如果您在iPhone上使用Safari浏览器播放视频，则不能（今天，也许将来）。

iPhone上的Mobile Safari不允许视频内嵌播放，它们必须始终全屏播放。 iPad将内联播放，但我不认为它们可能会有重叠的内容。

如果您想要内联播放，则需要构建自己的iOS应用程序，该应用程序具有UIWebView。 UIWebView有一个属性，allowInlineMediaPlayback，可以设置为YES。在iPhone上使用此功能时，您可以将自定义HTML用于设置webkit-playsinline属性的视频标记。

点击此处： https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html#//apple_ref/doc/uid/TP40009523-CH3-SW20

iOS注意：在iOS上，全屏视频只能显示默认控件。