需要在mounted生命周期获取到audio或video标签
mounted() {
var els = document.querySelectorAll('audio,video')
for (var el of els) {
el.addEventListener('play', function (e) {
console.log('提示该视频正在播放中')
console.log(e)
});
el.addEventListener('pause', function (e) {
console.log('暂停播放')
console.log(e)
})
}
}
如果此时还是无法获取到元素或者播放暂停状态接着使用定时器
mounted() {
var aduOrVdoInterval = setInterval(function(){
var els = document.querySelectorAll('audio,video')
for (var el of els) {
el.addEventListener('play', function (e) {
console.log('提示该视频正在播放中')
console.log(e)
});
el.addEventListener('pause', function (e) {
console.log('暂停播放')
console.log(e)
})
}
}, 100)
}