Firefox 和 Chrome 无法播放 HTML5 mp4 视频答案

【问题标题】：Firefox and Chrome can't play HTML5 mp4 videoFirefox 和 Chrome 无法播放 HTML5 mp4 视频
【发布时间】：2015-04-29 14:41:41
【问题描述】：

我有一个包含 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 类型的视频”（请参见下面的屏幕截图）。

所以我使用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 的问题呢？

【问题讨论】：

标签： html firefox video mp4

【解决方案1】：

这很可能是您的视频文件的问题。 mp4 并不是真正的格式，而是一个可以容纳不同格式视频的容器。 Firefox 仅支持 H.264 编码的视频。

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

【讨论】：

感谢您的建议。我尝试使用从 quicksmode 网站下载的视频并用它替换我的视频，它可以在我的浏览器中播放。所以你是对的，它一定和我的视频本身有关。但我使用 Python 调用 anim.save('xyz.mp4', writer = FFwriter, fps=100, extra_args=['-vcodec', 'libx264']) 生成了 xyz.mp4 视频。我安装了 libffmpeg，我假设它是由 H.264 编解码器编码的，因为最后一个 arg 是 libx264，不是吗？
浏览器仅支持基线 h264，但您的编码器默认可能有不同的预设。这个 SO 答案可以提供帮助 - stackoverflow.com/questions/24693751/…
我在更正用于生成 mp4 的编写器后解决了问题。我应该直接使用“ffmpeg”作为作者。

【解决方案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>

【讨论】：