uni-app离开当前页面后,video组件依然播放视频
问题:页面中使用了video组件,点击播放后,切换到其他页面,视频仍在播放(可以听见声音)。目前采用的方法:<video class="myVideo" v-if="show" :src="item.videoUrl":poster="$imgUrl + item.videoCoverImg"@play="playing(item.pgcId)" :id="item.pgcId" contr
·
问题:页面中使用了video组件,点击播放后,切换到其他页面,视频仍在播放(可以听见声音)。
目前采用的方法:
<video class="myVideo" v-if="show" :src="item.videoUrl"
:poster="$imgUrl + item.videoCoverImg"
@play="playing(item.pgcId)" :id="item.pgcId" controls></video>
// 从后台进入前台显示
onShow() {
this.show = true
},
// 从前台进入后台
onHide() {
this.show = false
},
加入v-if控制组件销毁,变量写在生命周期onShow、onHide中
目前方法很蠢,但是问题解决了,之后如果有其他解决方法会更新
如果有人知道其他解决方法的话,可以在评论区回复一下,万分感谢。
更多推荐
已为社区贡献1条内容
所有评论(0)