收藏
回答

写在video里面的元素怎么超出容器范围还能显示?

使用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容器外):

最后一次编辑于  01-21
回答关注问题邀请回答
收藏
登录 后发表内容