live-player中同层渲染的cover-view和cover-image内容,在调用全屏API,再推出全屏后,cover-view和cover-image不显示
用view代替cover-view的方案已经尝试,媒体流未加载时候显示,加载出来以后直接不显示,但是点击相应位置还是可以触发事件
<live-player id="livePlayer" object-fit="fillCrop" :src="liveDetail.playUrl.flv" mode="live" autoplay @statechange="statechange" @error="error" style="width: 100%; height: 225px;">
<cover-view class="definition-selector" @click="switchDefinition">标清</cover-view>
<cover-view class="loading-wrap" v-show="!inPlay">
<cover-image class="loading" src="/static/live/loading.png"></cover-image>
</cover-view>
<cover-image class="player-control-btn" v-show="!playerIsFullScreen" @click="livePlayerFullScreen" src="/static/live/fullScreen.png"></cover-image>
<cover-image class="player-control-btn" v-show="playerIsFullScreen" @click="exitFullScreen" src="/static/live/exitFullScreen.png"></cover-image>
</live-player>
目前又有一个情况,以上问题出现在真机调试下,在预览模式下显示正常