如何摆脱iOS 11 Safari <视频>叠加

Question

我试图摆脱iOS11中出现的<video>叠加层。我可以轻松地检查元素并对影子DOM display: none中的孩子进行<div id="media-controls-container">。但是，我无法访问它，既不是JavaScript也不是CSS，因为它是一个封闭的shadowRoot，因为它是由用户代理创建的。欢迎任何解决方案，无论是Swift / Objective C还是CSS / Javascript。

Answer 1

解决方案实际上非常简单。您需要将视频内联，因此原始视频控件不会显示。您需要做的就是：<video playsinline>。如果您使用Cordova，则必须将<preference name="AllowInlineMediaPlayback" value="true" />添加到config.xml文件中。