我试图找出一种只有在所有4个加载到canplaythrough状态后播放视频的方法 . 我正在考虑嵌套函数,然后进入如下的playClass函数

var classVideos = document.getElementsByClassName("playbackVideos");

playVideos(){
    for(i=0; i<classVideos.length; i++){
        classVideos[i].play();
    }
}

loadVideos(){
    classVideos[0].oncanplaythrough = function(){
        classVideos[1].oncanplaythrough = function(){
            classVideos[2].oncanplaythrough = function(){
                classVideos[3].oncanplaythrough = function(){
                    playVideos();
                }
            }
        }
    }
}

loadVideos()函数将由具有“mouseup”的搜索栏上的播放按钮或eventListener调用 .

任何帮助将不胜感激 .