vue3-video-play
vue3-video-play copied to clipboard
我想实现当页面有多个视频时,点击播放视频将其他以播放视频暂停
组件绑定的事件 @play="onPlay"
const onPlay = (ev) => { nextTick(()=>{ let videoPlays = document.getElementsByClassName('videoPlay') if(videoPlays && videoPlays.length > 1){ for (const video of videoPlays) { console.log(videoPlayRef.value,video.paused); if (ev.srcElement && ev.srcElement !== video && !video.paused) { video.pause() } } } }) } 但是这样好像只有里面的video暂停了,但是底部的组件好像没有判断出已经展厅了,左下角还是播放的图标,且点击我使用video.pause()暂停的视频之后还是显示暂停