如何在此上下文中动态更新视频？

Question

我正在使用一个视频，但我有3个缩略图，我想要的是在点击缩略图后更新视频。

所以这是我的代码，我想我应该把视频名称放在一个数组中。但是如何从阵列中调用视频？

function playVideo(){
    if(!vidInitialized){
        vidInitialized = true;
        $("#video").append( "<source src='video/video1.mp4' type='video/mp4'></video>" );   
        $("#video").append( "<source src='video/video1.webm' type='video/webm'></video>" );
        initVideo('pause');
    }else{
        video.currentTime=0;
    }
}

function addEventListeners() {
    document.getElementById("video1").addEventListener("click", playVideo);
    document.getElementById("video2").addEventListener("click", playVideo);
    document.getElementById("video3").addEventListener("click", playVideo);         
}