video.js 播放当前视频，关掉其他正在播放的视频

萌新不会永远是萌新

于 2021-05-14 16:25:05 发布

阅读量2.7k

点赞数 1

分类专栏：视频文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/zhai_15733218875/article/details/116796037

版权

视频专栏收录该内容

1 篇文章

订阅专栏

这段代码实现了一个视频播放器的功能，当某个视频开始播放时，其他视频将暂停播放。监听了'play'、'pause'和'ended'事件，分别在播放、暂停和结束时触发相应操作。该实现可能用于多媒体课堂或在线视频会议场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function() {
   var videoObj = []; // 存放所有vidoe的实例
   for(var i = 0; i < $(".video").length; i++) {
     (function(n) {
       videoObj.push(
         videojs('video' + (n + 1), { "controls": "true" }, function() {
           this.on('play', function() {
               console.log('正在播放');
               // console.log(n)
               for(var j = 0; j < $(".video").length; j++) {
                 if(n !== j) {
                   videoObj[j].pause()
                 }
               }
           });
           //暂停--播放完毕后也会暂停
           this.on('pause', function() {
               console.log("暂停中")
           });
           // 结束
           this.on('ended', function() {
               console.log('结束');
           })
         })
       );
     })(i)
   }
 })