在使用uniapp的video组件的时候,遇到进入页面播放正常,但再次进入重新加载页面后,会出现黑屏但有声音的问题。
因为需求是要在离开页面后不再播放视频,所以这里在onShow时绑定视频组件,并开始播放:
<video id="myVideo" :src="videosrc" object-fit="cover" :autoplay="true" loop="true" controls="false" custom-cache="false" enable-play-gesture="false" poster="thumba"></video>
onShow() {
this.videoContext = uni.createVideoContext('myVideo')
this.videoContext.play()
},
在onHide时暂停播放:
onHide() {
this.videoContext.pause()
},
就可以达到效果,并且不会再出现黑屏问题。