码迷,mamicode.com
首页 > 其他好文 > 详细

页面视频只可以播放一个

时间:2019-04-29 11:00:43      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:use   elements   视频   length   EOS   list   pre   event   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();
            }

        }

 

页面视频只可以播放一个

标签:use   elements   视频   length   EOS   list   pre   event   video   

原文地址:https://www.cnblogs.com/Alitar/p/10789031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!