请问下在ios 下嵌入的H5,在全屏播放的时候下拉关闭全屏播放,会出现原生的样式,如何去掉

[lmq352489099]

这是图片:

这些是系统自带的

[gemxx]

iOS原生的样式无法修改

[gemxx]

iOS原生的样式无法修改

这个结论有些不对，由于我这边未复现到此问题，查阅了一下stackoverflow的解决方案，可以尝试通过伪类修改shadow-dom样式：

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

[hughfenghen]

碰到过类似的问题，最终是禁止iOS自动全屏，横屏的话 video 宽高100%来模拟全屏效果
https://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

不确实是否适用你们的场景。