多个H5播放器video 如何播放暂停,没有思路,请求各路大神。

我的h5页面有 5个 共5个视频。想实现点击其中一个视频播放,暂停掉上一个视频。
比如:现在正在播放着视频 1当我点击视频3的时候,视频1暂停,视频3播放。

尝试循环监听video.paused做判断看视频状态
没被触发点击事件但是视频播放的的就给它暂停
触发事件的video播放
不知道是不是这样

用js控制暂停的消息,控制改变css的属性

点击当前video ,判断是暂停状态 就播放 ,其他video 暂停
是 播放状态 ,就暂停当前播放
http://blog.csdn.net/seven0404/article/details/51899491

你这个可以用spa项目去做吧,用vue,react,angular这些去实现.

            var videos = document.getElementsByTagName('video');
            for (var i = videos.length - 1; i >= 0; i--) {
                (function(){
                    var p = i;
                    videos[p].addEventListener('play',function(){
                        pauseAll(p);
                    })
                })()
            }
            function pauseAll(index){
                for (var j = videos.length - 1; j >= 0; j--) {
                    if (j!=index) videos[j].pause();
                }
            };