我的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();
}
};