多个视频，只能同时播放一个

最新推荐文章于 2024-05-20 15:17:08 发布

Labeex

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量23

点赞数 1

分类专栏：疑难杂症文章标签： javascript vue.js

本文链接：https://blog.csdn.net/hyx_1225/article/details/138357305

版权

疑难杂症专栏收录该内容

8 篇文章 1 订阅

订阅专栏

const pauseAll = (index: any) => {  
    const videos = document.getElementsByTagName('video');  
    nextTick(() => {  
      for (let j = 0; j < videos.length; j++) {  
        if (j !== index) {  
          videos[j].pause();   
        }  
      }  
    });  
};  
  
const setVideo = () => {  
  const videos = document.getElementsByTagName('video');  
  nextTick(() => {  
    for (let i = 0; i < videos.length; i++) {  
      videos[i].addEventListener('play', () => {  
        pauseAll(i);  
      });  
    }  
  });  
};  
  
  // 在组件挂载后执行 setVideo 函数  
onMounted(setVideo);