Javascript 一次播放多个视频（网格）

我试图找到一种方法，只有在所有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();
                }
            }
        }
    }
}

var classVideos=document.getElementsByClassName（“playbackVideos”）；
播放视频（）{
for（i=0；可能与任何示例重复。以前从未使用过承诺。从第一个链接开始：，副本中也有一些带有承诺的示例-因此是副本；）