vue3-video-play icon indicating copy to clipboard operation
vue3-video-play copied to clipboard

我想实现当页面有多个视频时,点击播放视频将其他以播放视频暂停

Open Libpzzz opened this issue 1 year ago • 1 comments

组件绑定的事件 @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()暂停的视频之后还是显示暂停

Libpzzz avatar Jan 08 '24 08:01 Libpzzz