HTML5 视频不循环

Question

我遇到了一个奇怪的问题。我的两个版本的 chrome(常规版和金丝雀版)拒绝循环播放我正在播放的视频。或者，有时他们会循环两次然后停止。奇怪的是，它在 safari 中有效，所以我知道这不是一些 webkit 的问题。

<video autoplay="autoplay" data-type="bg" id="video" loop="loop">
    <source src="/assets/video/_L88P.mp4" content-type="video/mp4">
</video>

我的设置是一台装有 mountain lion 和 mamp 的 mac，chrome 版本是最新的(canary:26.0.1384.0 和 regular:24.0.1312.52)。

有人知道为什么会这样吗？

Answer 1

我还发现，如果 MP4 关键帧设置不正确，Chrome 会卡住。例如，在 After Effects 的输出中，如果关键帧距离保留为“自动”，则视频无法正确循环。

我怀疑 Chrome 需要在视频长度内均匀分割关键帧，因为在关键帧之间不结束。即，如果您的视频是 24 帧，请将关键帧距离整除，例如 4。