关于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 组件内的文字压根不会覆盖在代码之上,跪求解决方案

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值