在这里发现了几个类似的问题,但仍然没有答案,并预计新标签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视频中立即启动,在慢速连接时,它每次都会冻结。 有什么解决方法可以解决这个问题吗?