使用live-player播放直播后需要使用video模拟直播间1:1复刻效果,然后又需要全屏也能正常显示所以元素必须写在video元素里面否则全屏就不会显示,现在模拟器和安卓是正常,要的也是这种效果,但是ios确被超出隐藏了,live-player测试是正常的ios也能超出元素后显示但是video确不行
示例:
现在的测试代码:
<view class="" style="width: 100vw;height: 100vh;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;">
<video src="https://xx/xx.mp4" autoplay loop style="width: 100%;overflow:visible !important;display: block;z-index: 1;">
<view style="background: rgba(69, 66, 170, 0.3);width: 100vw;height: 100vh;position: fixed;top: 0px;left:0px;z-index: 10;"></view>
</video>
ios端(非正常,透明蓝色背景被超出隐藏了):
模拟器和安卓(正常,透明蓝色能显示在video容器外):