移动端视频永远在最上面, 没法遮挡住

已注销
  • 607

最近的需求是点击一个按钮, 弹出二维码供识别。 在PC端运行良好, 但在移动端有问题, 移动端的iframe默认会显示一个视频播放界面, 但这个视频播放界面无论如何都挡不住! 很奇怪。 如图

clipboard.png

求解!

回复
阅读 4.1k
6 个回答

微信有自己的白名单,如果不是自己内部的域名,无法改变播放器的样式。所有的播放器都是浮在最上层的。

你可以试试用Z-index属性,

显示在上面的值设高一点,隐藏在下面的值设第一点。

目测是微信吧?这个肯定的,微信的播放器是直接浮出浏览器界面了,不在一个水平怎么遮盖。

三碗统一
  • 3
新手上路,请多包涵

弹出时,将播放器隐藏呢

在微信和手机默认的浏览器里面,视频永远在上面,我昨天也遇到相似的问题,不管z-index还是translateZ都没用。

我之前遇到过,ie下使用<param name="wmode" value="transparent"> 其他浏览器在<embed></embed>里加 wmode="transparent"

宣传栏