2017-08-19 50 views
0

我想摆脱iOS11中发生的这种<video>覆盖。我可以很容易地检查这个元素,并在阴影DOM中的一个孩子上做display: none<div id="media-controls-container">。但是,我无法访问这个既不是JavaScript也不是CSS,因为它是一个封闭的shadowRoot,因为它是由用户代理创建的。欢迎任何解决方案,无论是Swift/Objective C还是CSS/Javascript。如何摆脱iOS 11 Safari <video>覆盖

+1

看看有没有这些webkit视频CSS伪元素帮助:https://gist.github.com/webtobesocial/aefd6e25064c08e0cc9a#video –

+0

我已经添加了整个列表,并没有一个工作。我也检查了自己的影子DOM,所以我知道不幸的是它不是导致问题的伪元素 –

回答

2

实际上这个解决方案很简单。您需要内嵌视频,因此本机视频控件不会显示。所有你需要做的是:<video playsinline>。如果您使用的是Cordova,那么您必须将<preference name="AllowInlineMediaPlayback" value="true" />添加到您的config.xml文件中。