收藏
回答

live-player中同层渲染的cover-view和cover-image内容,全屏后消失?

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>
回答关注问题邀请回答
收藏

1 个回答

  • 灰太狼
    灰太狼
    2021-04-20

    目前又有一个情况,以上问题出现在真机调试下,在预览模式下显示正常

    2021-04-20
    有用
    回复
登录 后发表内容