当前页面的video只播放一个

vueer

于 2021-05-07 14:21:25 发布

阅读量3.8k

点赞数

文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/wangming0123/article/details/116492388

版权

  nextTick(function () {
          //当前页面的video只播放一个
        var videos = document.getElementsByTagName("video");
        for (var i = videos.length - 1; i >= 0; i--) {
          (function () {
            var p = i;
            videos[p].addEventListener("play", function () {
              pauseAll(p);
            });
          })();
        }
        function pauseAll(index) {
          for (var j = videos.length - 1; j >= 0; j--) {
            if (j != index) videos[j].pause();
          }
        }
      });