1

似乎 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 个视频开始播放,尽管有一些严重的不同步。

4

0 回答 0