2023-01-12——解决页面中多个video同时播放的问题

image.png

setTimeout(function() {
    var allVideoElement = document.getElementsByTagName('video') // 获取页面上所有的video对象
    
    function handlePlay(index) {
        console.log(index)
        for (let i = 0; i < allVideoElement.length; i++) {
            if (i != index) {
                allVideoElement[i].pause()
            }
        }
    }
    
    if (allVideoElement && allVideoElement.length > 0) {
        for (let i = 0; i < allVideoElement.length; i++) {
            allVideoElement[i].addEventListener('play', function () { //播放开始执行的函数
                console.log("开始播放");
                //执行开始播放的路平级
                handlePlay(i)
            })
        }
    }
}, 2000);