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

 feixiang1563122 发布于 2022-11-09 19:42

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

求解!

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

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

    2022-11-12 01:49 回答
  • 弹出时,将播放器隐藏呢

    2022-11-12 01:49 回答
  • 目测是微信吧?这个肯定的,微信的播放器是直接浮出浏览器界面了,不在一个水平怎么遮盖。

    2022-11-12 01:49 回答
  • 你可以试试用Z-index属性,

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

    2022-11-12 01:49 回答
  • 微信有自己的白名单,如果不是自己内部的域名,无法改变播放器的样式。所有的播放器都是浮在最上层的。

    2022-11-12 01:49 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有