// 判断页面是否处于当前页
isPageLeave() {
let hiddenProperty =
'hidden' in document
? 'hidden'
: 'webkitHidden' in document
? 'webkitHidden'
: 'mozHidden' in document
? 'mozHidden'
: null
let visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange')
let onVisibilityChange = () => {
if (!document[hiddenProperty]) {
//处于当前页面
//在这个页面视频自动播放
let parent = document.querySelector(".video-player");
// console.log(parent)
if (parent) {
parent.play();
}
} else {
//退出这个页面
//退出这个页面视频自动播放
let parent = document.querySelector(".video-player");
if (parent) {
parent.pause();
}
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange)
}
调用
mounted() {
this.isPageLeave()
}