vue中v-html渲染有视频或音频的页面如何监听视频或音频的播放和暂停?
·
需要在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)
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)