在Firefox中无法播放HTML5视频

Question

我已将文件转换为三种不同的格式：mp4、web和ogv。据caniuse称，Firefox应该支持ogg和webm，但是没有任何内容被播放。

我使用Miro Converter进行文件转换，其他人说这应该可以正常工作。我相信Chrome会识别webm文件（如果我右键单击->在新标签页中打开，它会显示webm文件），这很棒。

网站的URL：http://dev.fristil.se/hbh/

我将静态图像设置为背景。视频应该显示在其上方，因此如果视频不动，您就可以知道它无法工作。

有什么想法吗？

- qwerty

Answer 1

您的服务器未正确发送文件的MIME类型。

它发送了 Content-Type: text/plain

HTML5视频可能在Safari、Chrome和IE 9中播放，但不能在Firefox或IE 7-8中播放。如果您修复MIME类型问题，它将可以在Firefox中播放。

如果您使用Apache Web服务器或其衍生产品，则可以在站点范围的httpd.conf或存储视频文件的目录中的.htaccess 文件中使用AddType指令。(如果您使用其他Web服务器，请参考您的服务器文档，了解如何为特定文件类型设置Content-Type HTTP头部。)

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

你在这里有同样的问题：Video file .ogv plays locally in Firefox, but not from server，更详细的答案请看：https://dev59.com/NG025IYBdhLWcg3wOzM9#6145629

- freshbm

---

谢谢，这解决了 Firefox 的问题！但是我在 IE9-10 上仍然有问题，它支持 MP4 格式，但根本无法播放。还有其他可能导致这种情况的原因吗？编辑：通过将 type="video/m4v" 更改为 mp4 而不是 m4v，已经使其在 IE9 中正常工作，但是IE10仍然没有反应！ - qwerty

我刚才在IE10中打开了你的网站，它可以运行。我看到了那个冒泡的熊，当我保存它时，它是MPEG-4视频格式。控制台显示你有HTML1508:未匹配的结束标记，在第209行。试着纠正一下吧。 - freshbm

这很奇怪，BrowserStack在IE10中给了我一张静态图片。你是如何测试的？我会查看不匹配的标签。 - qwerty

通过在 .htaccess 文件中使用 AddType，为我解决了 IE 11 的问题，感谢 Freshbm，你太棒了！ - Pierce Butler

如果使用Apache，那么Nginx呢？ - questionasker

Answer 2

你的问题出在服务器端。服务器实际上返回视频的MIME类型为text/plain（至少是. ogg格式的视频）。你需要调整服务器的配置以返回正确的MIME类型，以便Firefox可以正确识别文件。这与此处描述的问题相同：no video with supported format and MIME type found. What does this mean and how can I change this（您没有在<video>标记中添加controls选项，因此您看不到该消息）。

- Ale

Answer 3

你的服务器使用HTTP标头Content-Type: text/plain发送资源http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webm，因此Firefox拒绝将其视为其他任何内容。

请“教”你的服务器将此类内容作为video/webm发送。

（同样适用于ogv - 你的服务器也声明该资源为文本，应改为video/ogg。）

- CBroe

Answer 4

我在我的Windows托管中遇到了同样的问题。为了解决这个问题，我在web.config文件中包含了mime设置。

<staticContent>
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>

- yogihosting

Answer 5

我在使用Flowplayer HTML5播放器时遇到了与webm相关的问题。Firefox显示“HTML5视频未找到”。起初，我认为是Miro存在编码问题，我尝试了几个不同的程序，但结果都一样。所以，我将其缩小到两个可能性：我的服务器上的MIME类型不正确，将webm传输为text/plain（您可以使用Web检查器查看此内容），或者Firefox有问题。我之前就添加了AddType video/webm .webm，所以我不能确定。我所做的就是在意识到我之前使用过Flowplayer，并且只需要一个mp4文件后，直接从HTML中删除对webm的引用。Firefox可以使用mp4。移除这个：

 <source type="video/webm" src="URL_to_webm.webm" />

这使得它在所有设备上都能运行（IE，Chrome，Firefox，iPad，iPhone）。Mac上的Chrome 29使用mp4格式。

- zombiedoctor