關於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 組件內的文字壓根不會覆蓋在代碼之上,跪求解決方案

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章