关于uni.app小程序开发video层级过高问题

video层级高于其他标签

目前百度小程序开发版本号 3.20.2 出现原生 video视频播放器层级高于其他标签,目前我们业务场景需要在video视频播放标签之上覆盖聊天记录,因此使用cover-view标签,遇到无法覆盖问题

预期效果

在百度小程序开发工具中可以正常实现,但是在远程调试的ios14 的iphonexs max中
预期效果

真机以及远程调试效果

真机效果
无法实现覆盖的,还是被原生视频的层级所压盖

此小程序代码基于uni.app hbuildx开发

<video 
     :object-fit="videoType==1?'contain':'fill'" 
     :autoplay="true" 
     :loop="true" 
     :controls="false"
     :style="videoType==1?'height: 400rpx;':'height:100vh;position:absolute;z-index:-1;top:0'" 
     class="video"
     src="http://timing-video.kr-cell.com/video/19881470_1606295482_6qa6yySSSTKJPcodyohsnXpoasAOwDyS.mp4">
     <CoverView style="font-size:50px;color:red">
       我是覆盖video的标签
     </CoverView>
</video>

此处的cover-view 组件内的文字压根不会覆盖在代码之上,跪求解决方案

  • 1
    点赞
  • 5
    评论
  • 2
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 5 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页

打赏作者

Tommymarc

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值