Question

我有一个包含MP4视频的HTML页面：

<html>
<body>

<video width="800" height="600" controls>
  <source src="/static/xyz.mp4" type="video/mp4">
  <p>Your browser does not support the video tag.</p>
</video>

</body>
</html>

当我在Firefox中加载页面时，它不会显示播放控制按钮，但会显示错误消息“找不到支持格式和MIME类型的视频”（请参阅下面的屏幕截图）。

Screenshot of Firefox when playing video

所以我使用this site来测试我的浏览器播放HTML5 mp4视频的能力，它可以在该网站上成功播放测试视频。我的Firefox版本是CentOS Linux上的v36。我也试过使用Chrome，它也无法播放。我也在Windows上的Firefox / Chrome上尝试过但是失败了。然后我使用Firefox调试器查看调试信息，我看到以下消息：

Media resource http://localhost:5000/static/xyz.mp4 could not be decoded.
All candidate resources failed to load. Media load paused.

然后我尝试使用Linux的电影播放器在我的本地机器上播放xyz.mp4视频，它播放得很好，并且在Window的媒体播放器中播放也很好。但是当我使用上面的HTML5 <video>标签时，它不适用于Linux和Windows中的所有浏览器。我还关注了Mozilla的在线论坛，以更改浏览器设置和清除缓存，但它们都不起作用。那么是什么导致了这个简单的HTML5的问题？

Answer 1

这很可能是您的视频文件存在的问题。 mp4实际上不是一种格式，而是一种可以保存不同格式视频的容器。 Firefox仅支持H.264编码视频。

简单地说，有几种类型的mp4文件，并不是浏览器都支持所有这些文件。要验证这一点，您可以从quicksmode网站下载其中一个视频，并用它替换您的视频。

Answer 2

可能的解决方案：

  //autoplay muted onloadedmetadata="this.muted = true"  

<video id="abc" autoplay muted onloadedmetadata="this.muted = true" >
  <source src="https://github.com/mediaelement/mediaelement-files/blob/master/big_buck_bunny.mp4?raw=true" type="video/mp4">
  Your browser does not support the video tag.
</video>

Firefox和Chrome无法播放HTML5 mp4视频

2 个答案: