js中视频分别循环播放，加载监听事件的闭包问题

最新推荐文章于 2024-09-09 09:31:14 发布

一号窗

最新推荐文章于 2024-09-09 09:31:14 发布

阅读量951

点赞数

文章标签： js 循环播放监听事件闭包多视频同时播放

本文链接：https://blog.csdn.net/a_small_insect/article/details/80612284

版权

以上代码的功能就是多语音同时播放，并且循环播放，视频同理。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <video src="世上只有妈妈好.mp3" controls="controls"></video>
    <video src="小兔子乖乖.mp3" controls="controls"></video>
</body>
<script>
    var playList = document.getElementsByTagName('video');//获取多个video集合  
    for(var i=0; i<playList.length; i++){ 
        playList[i].controls=false; //控制播放控件的显隐
        playList[i].play(); 
        playback(i);  
    }  
    function playback(i){    
        playList[i].addEventListener('ended', function(){  
            playList[i].play();  
        },false); 
    }  
</script>
</html>