似乎 FF 一次只能让我在一个页面上拥有 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 个视频开始播放,尽管有一些严重的不同步。