如何摆脱 iOS 11 Safari <video> 覆盖答案

【问题标题】：How to get rid of iOS 11 Safari <video> overlay如何摆脱 iOS 11 Safari <video> 覆盖
【发布时间】：2017-08-19 19:23:37
【问题描述】：

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

【问题讨论】：

看看这些 webkit 视频 CSS 伪元素是否有帮助：gist.github.com/webtobesocial/aefd6e25064c08e0cc9a#video
我已经添加了整个列表，但没有一个起作用。我还在 shadow DOM 中检查了自己，所以我知道不幸的是它不是导致问题的伪元素

标签： javascript ios css html5-video

【解决方案1】：

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

【讨论】：