HTML5 ビデオ タグを使用して、同時に 20 個のビデオをプリロードしようとしています。
<video id="video-detail-<%=id%>" class="video-js vjs-default-skin"
loop
autoplay="none"
width="640" height="360">
<source src="movie.mp4" type="video/mp4" />
</video>
このビデオは、テンプレートとして Bootstrap のポップオーバー内にあります。これらのビデオを自動再生するために、マウスオーバーイベントをリッスンしているvideoJSを使用しています
特に Chrome で CPU 使用率が高くなっています。