Question

我在谷歌浏览器中使用此代码并且视频运行良好，但在Firefox（版本11）中，它无效。

如何让它在Firefox中运行？

<!DOCTYPE html>
<html>
<body>
<video width="300" height="200" controls="controls">
<source src="http://localhost/javascript/test.mp4" type="video/mp4" />
</video>
</body>
</html>

Answer 1

Firefox不支持mp4作为视频的编码。请查看MDN以获取兼容性表。

您必须为Firefox提供额外的编码才能工作（例如，此示例也来自MDN）：

<video controls>  
  <source src="somevideo.webm" type="video/webm">  
  <source src="somevideo.mp4" type="video/mp4">  
  I'm sorry; your browser doesn't support HTML5 video.  
  <!-- You can embed a Flash player here, to play your mp4 video in older browseres -->  
</video>

更新2016年1月19日：

现在Firefox支持mp4视频格式。因此，由于Firefox浏览器的更新，应该自动回答这个问题。如果您的视频仍无效，请告诉我们。

Answer 2

从版本4开始，Firefox仅支持WebM，VP8和Vorbis视频格式。（Firefox 3.5支持Ogg，Theora和Vorbis。）

请参阅：

您需要以支持Firefox的格式创建另一个版本的视频，并为其添加另一个<source>元素。

有关示例，请参阅：

http://diveintohtml5.info/video.html#example

为什么我的HTML5 <video>标记在Chrome中有效，但在Firefox中无效？</video>

2 个答案: