Firefox和Chrome无法播放HTML5 mp4视频

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

Firefox播放视频时的屏幕截图

因此，我使用该站点来测试我的浏览器播放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 个解决方案

解决方案1
1 2015-04-29 15:50:56

解决方案2
0 2018-10-29 04:53:31

Firefox和Chrome无法播放HTML5 mp4视频

问题描述

2 个解决方案

解决方案1 1 2015-04-29 15:50:56

解决方案2 0 2018-10-29 04:53:31

解决方案1
1 2015-04-29 15:50:56

解决方案2
0 2018-10-29 04:53:31