Discuz! 帖子里有多个 MP4 附件，实现播放一个其他都停的最最最简易方法

boonkiong

循环给所有 video 添加监听事件 当前的 video 开始播时  

调用 pauseAll 将当前播放的 video 的索引传值过去

接收调用传来的索引 循环所有 video 索引与传来的索引不相同的 暂停 重载

把下面的代码添加到后台全局第三方代码或全局/SEO设置/其他/其他头部信息：

1. <script>
   
2. window.onload=function(){
   
3.   var videos = document.getElementsByTagName('video');//获取所有video
   
4.   //循环给所有video添加监听事件 当前的video开始播时  调用pauseAll 将当前播放的video的索引传值过去
   
5.   for (var i = videos.length - 1; i >= 0; i--) {
   
6.     (function(n){
   
7.       videos[n].addEventListener('play',function(){
   
8.         pauseAll(n);
   
9.       })
   
10.     })(i)
    
11.   }
    
12.   //接收调用传来的索引 循环所有video 索引与传来的索引不相同的 暂停 重载
    
13.   function pauseAll(index){
    
14.     for (var j = videos.length - 1; j >= 0; j--) {
    
15.       if (j!=index){
    
16.         videos[j].pause();
    
17.         videos[j].load();
    
18.       }
    
19.     }
    
20.   };
    
21. }
    
22. </script>

复制代码

文章来源：www.dismall.com/thread-20225-1-1.html