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();
            }
        }
    };

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM