video元素层级过高(微信页面开发)

现象说明:在页面中使用video元素,页面是有个活动规则按钮,规则作为弹窗出现,发现video元素在规则页面之上。且修改双方的层级z-index都不起作用(安卓出现该现象,video元素在最上层,iOS显示正常)。

video元素在为播放之前,和普通元素一样,z-index是生效的。但是在播放之后,这个元素就改变了,不在是页面的元素,而是被浏览器接管(安卓),和文档不在一层了,所以z-index是无效的。

在video元素加上x5-video-player-type=“h5”,意思是启动h5播放器,而不使用默认的浏览器播放,虽然层级现象正常了,但是会产生一个新的问题,视频播放窗口改变了,播放的时候,视频单独在一个页面播放,不是在原来定义的窗口播放。

解决方法:未解决。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值