Javascript，一次加载多个源

我正在尝试制作一种能够快速加载第二个视频以使其显示的东西，即如果两个视频连接成一个视频（因为根据按键输入，一个视频可能导致两个选择，这取决于用户是否点击了正确的按键）

现在我使用的基本功能是：

function play(first, second){
    var video = document.getElementById("media")

    video.setAttribute("src", first)
    video.load()
    video.play()

    setTimeout(function(){
        video.setAttribute("src", second)
        video.load()
        video.play()
    }, 2000)
}

---

现在它有大约一秒钟的延迟，这样就不会出现两个视频是一个视频的情况。关于如何解决这个问题有什么想法吗？

你从哪里复制这个？请删除行号…您可以预加载第二个视频。您最好使用

video.oneded=function（）{…}

而不是setTimout；我同意使用video.oned作为一种更可靠的电源切换方式。另外，如果您在使用preload=“auto”获得足够的视频加载时遇到问题，您可以使用中的解决方案通过ajax将其预加载到blobAlso中。。。您是否考虑过使用两个视频元素（一个可见，一个不可见，都使用preload=“auto”）并在这两个元素之间切换可见性您从何处复制此内容？请删除行号…您可以预加载第二个视频。您最好使用

video.oneded=function（）{…}

而不是setTimout；我同意使用video.oned作为一种更可靠的电源切换方式。另外，如果您在使用preload=“auto”获得足够的视频加载时遇到问题，您可以使用中的解决方案通过ajax将其预加载到blobAlso中。。。您是否考虑过使用两个视频元素（一个可见，一个不可见，都带有preload=“auto”）并在这两个元素之间切换可见性