zoukankan      html  css  js  c++  java
  • js实现多个video,一个播放其他暂停

    window.onload=function(){
        var videos = document.getElementsByTagName('video');//获取所有video
        //循环给所有video添加监听事件 当前的video开始播时  调用pauseAll 将当前播放的video的索引传值过去
        for (var i = videos.length - 1; i >= 0; i--) {
            (function(n){
                videos[n].addEventListener('play',function(){
                    pauseAll(n);
                })
            })(i)
        }
        //接收调用传来的索引 循环所有video 索引与传来的索引不相同的 暂停 重载
        function pauseAll(index){
            for (var j = videos.length - 1; j >= 0; j--) {
                if (j!=index){
                    videos[j].pause();
                    videos[j].load();
                }
            }
        };
    
    }
  • 相关阅读:
    Python
    Python
    Python
    Python
    python
    python
    Python
    pure css做的pc登陆界面
    MvcAdmin功能介绍
    pure css做的手机版博客园(我自己博客)
  • 原文地址:https://www.cnblogs.com/ZhaoWeiNotes/p/13601333.html
Copyright © 2011-2022 走看看