Chrome中的HTML5视频不支持oncanplaythrough?

时间:2013-08-21 13:46:12

标签: html5 google-chrome video

在这里发现了几个类似的问题,但仍然没有答案,并预计新标签VIDEO会出现问题。我将视频集成到了我的页面中,并希望它只有在缓存到足以无止境地播放之后才会触发。这是代码:

<video id="intro_video" class="" src="video/myvid.webm" loop="true" autoplay="false" preload="auto" data-setup="{}" webkit-playsinline=""></video>

和JS做两件事:在缓存足够的时候播放视频并循环播放视频:

$('document').ready(function(){
    var videos = $('video').each(function(index){
    $(this).addEventListener('canplaythrough', function() { 
        this.play();
    }, false);

        $(this).bind('ended', function(){
            var video = videos[index + 1];
            video && video.play();
        });
    });
});

代码在IE,FF,Opera和Safari中运行良好,但在Chrome中运行良好。在Chrome视频中立即启动,在慢速连接时,它每次都会冻结。 有什么解决方法可以解决这个问题吗?

0 个答案:

没有答案