uni-app离开当前页面后，video组件依然播放视频

问题：页面中使用了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中
目前方法很蠢，但是问题解决了，之后如果有其他解决方法会更新
如果有人知道其他解决方法的话，可以在评论区回复一下，万分感谢。