Question

视频在几次循环后停止，在我更新Chrome浏览器之前，此错误不存在。

var Video = document.getElementById('video');
$('#video').hide();
if (typeof Video.loop == 'boolean') { 
    Video.loop = true;
} else { 
    Video.bind('ended', function() {
        this.currentTime = 0;
        this.play();
        console.log("ended");
    }, false);
}

如果我删除此代码并运行此代码：

Video.bind('ended', function() {
            this.currentTime = 0;
            this.play();
            console.log("ended");
        }, false);

在我的js控制台中，我看到15次“结束”，没有任何事情发生，视频停止。 Windows 7旗舰版Chrome版本27.0.1453.116米

编辑：此问题仅出现.mp4 for。autoloop工作正常。

Answer 1

您可能遇到将已结束事件绑定到视频元素的问题，因为您先调用$('#video').hide();。我知道这会影响点击事件，因此它也可能会影响视频播放器事件。

尝试将隐藏调用放在if语句下面：

var Video = document.getElementById('video');
if (typeof Video.loop == 'boolean') { 
    Video.loop = true;
} else { 
    Video.bind('ended', function() {
        this.currentTime = 0;
        this.play();
        console.log("ended");
    }, false);
}
$('#video').hide();

几圈后视频停止

1 个答案: