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

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

clipboard.png

求解!

阅读 5.6k
6 个回答

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

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

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

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

新手上路,请多包涵

弹出时,将播放器隐藏呢

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题