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

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

求解!

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

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

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

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

弹出时,将播放器隐藏呢

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

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

  • safari中input聚焦问题
  • vue+webpack怎么引入jquery
  • 头像裁剪上传插件JavaScript
  • 这个页面的form标签提交地址是什么呀?怎么找不到
  • jquery如何实现滚动自动加载
  • 前端调试无故出来新属性,我猝不及防啊
  • 请问这样的3d饼状图应该使用什么样的插件
  • 求一个正则表达式。
  • 如何判断canvas画布中是否已经存在图像?
  • Flask 一组表单两个提交按钮时出错
  • javascript操作dom时如何避免在js代码中写html?