FF では、1 ページに一度に 24 個のアクティブなビデオしか表示できないようです。何かご意見は? http://graysonearle.com/bluemen/
<div id="container">
<script type="text/javascript">
for (var i=0;i< vid_count;i++) {
document.write('<div class="vidBox" id="box'+i+'">');
document.write(' <video class="vid" loop="loop" preload="auto" id="vid'+i+'">');
document.write(' <source src="videos/0.mp4?a='+i+'" type="video/mp4">');
document.write(' <source src="videos/0.webm" type="video/webm">');
document.write(' </video>');
document.write('</div>');
}
var videos = document.getElementsByTagName('video');
for(var i = 0, ii = videos.length; i < ii; i++) {
videos[i].addEventListener('canplaythrough',enablePlayback,false);
}
var videosLoaded = 0;
function enablePlayback(e) {
videosLoaded++;
if(videosLoaded == vid_count) {
// enable a play button or do whatever you want
// in this case: start playing all the videos at once
for(var i = 0; i < videos.length; i++) {
//alert(i);
videos[i].play();
}
}
}
</script>
</div>
その後手動で videos[24].play() を実行すると、vid 23 は再生されません。これにより、許可されているビデオの数に厳しい制限がかかっていると思われます。
編集: ブラウザを少し開いたままにしておくと、そこに座っているページの 3 ~ 5 分後に 25 番目のビデオの再生が開始されましたが、重大な非同期が発生していました。