Question

我已将文件转换为三种不同的格式：mp4，web和ogv。根据{{3}}，firefox据说支持ogg和webm，但没有任何东西在播放。

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

网站的网址：Miro Converter

我有一个静态图像作为背景。视频假设显示在它上面，所以如果它没有移动你可以告诉它不起作用。

有什么想法吗？

Answer 1

您的服务器没有为该文件发送正确的mime类型。

发送Content-Type: text/plain

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

如果您使用的是Apache Web服务器或Apache的衍生产品，则可以在站点范围内的 httpd.conf 或 .htaccess 存储视频文件的目录中的文件。（如果您使用其他一些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://stackoverflow.com/a/6145629/1081079

Answer 2

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

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。）

Answer 4

我在使用Flowplayer HTML5播放器时遇到了同样的问题。 Firefox说“找不到HTML5视频”。起初我以为是Miro有编码问题，我尝试了几个不同的程序，都有相同的结果。所以我把它缩小到我服务器上的一个不正确的MIME类型，将textm作为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。

Answer 5

我在Windows托管中遇到了同样的问题。为了解决这个问题，我在

中包含了web.config中的mime设置

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

HTML5视频无法在Firefox中播放

5 个答案: