Question

我的网页上有一个HTML5视频元素，它被缩放以填充整个背景，其理念是它会在播放时循环播放。这在Chrome中运行良好，但Safari和Firefox在循环中断断续续。它在Firefox中好半秒。有什么想法吗？

这是我对视频播放器的标记：

<video id="vid" preload="auto" autoplay loop onended="this.play();">
  <source src="vid.mp4" type="video/mp4"/>
  <source src="vid.webm" type="video/webm"/>
</video>

我尝试过很多东西，比如用JS完全控制播放，而不是依靠浏览器来解决问题。但总是有口吃。我不认为这是预加载的问题，因为如果我在本地完成所有操作，视频会立即加载（显然），但仍然是相同的循环。这只是这些浏览器固有的问题吗？

我很想创建两个视频实例，每次完成后只需用JS切换它们。它真的很脏，但我不确定我的其他选择是什么。

Answer 1

我有这个问题，我实际上是通过将webm源放在mp4源之前修复它。这样它首先尝试加载webm视频格式，并且在我测试时它的断断续续。 mp4和ogv文件在Firefox中都有口吃，它让我疯狂，所以当webm文件似乎按预期工作时我感到很惊讶。

<video id="vid" preload="auto" autoplay loop>
  <source src="vid.webm" type="video/webm"/>
  <source src="vid.mp4" type="video/mp4"/>
</video>

Answer 2

我通过在编码过程中删除.mp4的音轨来解决此问题。如果您需要音频，那不是很理想，但是在我看来，效果很好。

HTML5视频断断续续？

2 个答案: