私は非常に短いビデオの壁にWebページを表示したい単一のWebページ

Question

に少なくとも100の動画を表示するには、次の

• 動画が長い1-2S、すべて同じ大きさ（幅約100ピクセル彼らは、動画を再生行列の形で表示（例えば10×10）
• はこれまでのところ、私はjQueryのを使用してビデオタグを挿入しようとしているユーザインタラクション（クリックまたはホバー）

によってトリガーされます）

しかし私が約60に達すると動画、私のブラウザ（Chrome）がハングします。

私の質問：このような大量のビデオを1つのWebページに表示するにはトリックがあります。また、ユーザーが対話を開始する前にビデオを再生できる状態にするためにどのような問題があるかを確認する必要があります。

編集：これは一般的なことではありませんが、このプロジェクトはアートインスタレーションであり、必要に応じて、遅滞なくすべてのビデオ（または動画）をトリガーする必要があります。一方、最初のローディング時間はそれほど重要ではありません。ユーザーが重い負荷を認識するためです。 leightweightのDOMに反する

感謝:)

Answer 1

IMO "は、ユーザが対話を開始する前の動画は（...）準備ができています"。両方を持つことはできません。私は、サムネイルを表示し、インタラクションでビデオを初期化しようとします。

Answer 2

あなたは

は、HTMLの中に

<video width="320" height="240" controls> 
    <source src="embed Link" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

タグを使用使用することを試みることができます。