17

我已将文件转换为三种不同的格式：mp4、web 和 ogv。根据caniuse的说法， firefox 应该同时支持 ogg 和 webm，但没有播放。

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

网站网址：http ://dev.fristil.se/hbh/

我有一个静态图像作为背景。视频应该显示在它上面，所以如果它没有移动，你可以判断它没有工作。

有任何想法吗？

4

5 回答 5

30

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

它发送Content-Type: text/plain

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

如果您使用的是 Apache Web 服务器或 Apache 的某些衍生产品，您可以在站点范围的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

您在这里有同样的问题：视频文件 .ogv 在 Firefox 中本地播放，但不是来自服务器 和更详细的答案：https ://stackoverflow.com/a/6145629/1081079

于 2013-03-27T10:36:29.063 回答
2

你的问题是服务器端的。服务器实际上是text/plain作为视频的 MIME 类型返回的（至少是 .ogg ）。您需要调整服务器的配置以返回正确的 MIME 类型，以便 Firefox 能够正确识别该文件。与此处描述的问题相同：找不到支持格式和 MIME 类型的视频。这是什么意思，我该如何更改（您只是看不到消息，因为您的标签中没有controls选项）。<video>

于 2013-03-27T10:35:51.943 回答
1

您的服务器提供带有 HTTP 标头的资源http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webmContent-Type: text/plain - 因此 Firefox 拒绝将其视为其他任何东西。

“教”您的服务器传送诸如video/webm.

（您的 ogv 也是如此——您的服务器还说资源将是文本，应该是文本video/ogg。）

于 2013-03-27T10:33:26.103 回答
0

我在我的 Windows 主机中遇到了同样的问题。为了解决这个问题，我在 web.config 里面包含了 mime 设置

<staticContent>
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>
于 2015-04-20T13:47:19.977 回答
0

我在使用 Flowplayer HTML5 播放器时遇到了与 webm 相同的问题。Firefox 说“找不到 HTML5 视频”。起初我以为是 Miro 有编码问题，我尝试了几个不同的程序，结果都一样。因此，我将其缩小到服务器上不正确的 MIME 类型，将 webm 传输为文本/纯文本（您可以使用网络检查器查看此内容）或 Firefox 只是很糟糕。不久前我有托管服务提供商 AddType video/webm .webm，所以我不能肯定。在意识到我过去使用过 Flowplayer 并且只需要一个 mp4 文件之后，我所做的只是直接从我的 HTML 中删除了 webm 引用。火狐可以使用 mp4。删除这个：

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

这使它适用于一切（IE、Chrome、Firefox、iPad、iPhone）。Mac 上的 Chrome 29 使用 mp4。

于 2013-09-12T19:51:20.887 回答