1

在这里找到了几个类似的问题，但仍然没有答案，并且预计新标签 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 视频中立即开始并且在低速连接时它每次都会冻结。有什么解决方案可以解决这个问题吗？

4

0 回答 0