多个视频的播放（网格）

Question

我试图找出一种只有在所有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调用。

非常感谢任何帮助。