BoonKiong.com2026™

人气 3

Discuz! 帖子里有多个 MP4 附件,实现播放一个其他都停的最最最简易方法 [复制链接]

boonkiong 昨天 19:59
循环给所有 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



您需要登录后才可以回帖 登录 | 立即注册

您还未登录

随手拍~~:

置顶文章~~:

热度会员~~:

boonkiongadminJustinIromsbka文強無名无名

手机版|小黑屋|网站地图|文强阁

GMT+8, 2026-7-17 06:29 , Processed in 0.033530 second(s), 23 queries .

Powered by Discuz! X3.5  © 2001-2026 Discuz Team.