多个视频，播放停止其他视频播放

原创于 2020-06-09 09:33:57 发布 · 587 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在网页中实现视频播放器单实例播放的方法，即当一个视频开始播放时，页面上其他正在播放的视频将自动暂停，确保了用户在观看视频时的良好体验。

var videoobjs=document.getElementsByTagName('video');
	var videoobjlength=videoobjs.length;
	if(videoobjlength>0){
		for(let i=0;i<videoobjlength;i++){
			videoobjs[i].addEventListener('play',function(){
				for(let j=0;j<videoobjlength;j++){
					if(i!=j){
						videoobjs[j].pause();
					}
				}
			})
		}
	}