javascript - 同一域上的同时 HTML5 视频预加载停止

Question

我正在尝试从同一个域中预加载多个视频文件，并且遇到了一个问题，即在加载了一定数量后，其他文件将抛出“Stalled”事件，并且会无限期地挂在那里。它似乎与浏览器的每个服务器的最大连接数限制有关。

是否有正确的方法来预加载来自同一域的二十个视频文件？我已经尝试过类似的事情，使用 jQuery：

var list = [list of twenty video URLs];
for(var i in list){
    var video = $('<video preload><source src="'+list[i]+'"></preload>').appendTo('#container');
    video.on('canplaythrough',function(){
        console.log('woot');
    }.on('stalled',function(){
        console.log('lame');
    }.load();
}

我还保留了要预加载的视频文件列表，并在前一个文件引发“canplaythrough”事件后立即逐个浏览每个文件，但是因为在发出“canplaythrough”事件后视频显然仍在加载，那些连接仍然打开，后来的视频文件仍然停止。