javascript - 同じドメインで同時に HTML5 ビデオのプリロードが停止する

Question

同じドメインから複数のビデオ ファイルをプリロードしようとしていますが、特定の数がロードされた後、他のファイルが「停止」イベントをスローし、無期限にハングするという問題に遭遇しました。サーバー制限あたりのブラウザーの最大接続数に関連しているようです。

同じドメインから 20 などのビデオ ファイルをプリロードする正しい方法はありますか? 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」イベントが発生した後もビデオがまだロードされているように見えるため、それらの接続は引き続き開かれ、以降のビデオ ファイルは停止します。