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

随声附和 提交于 2020-11-29 11:16:57

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!