视频文件 .ogv 在 Firefox 中本地播放，但不能从服务器播放

Question

我在 Chrome、Safari 或 Opera 中播放此视频没有任何问题。当我尝试在 Firefox 中播放它时，我得到一个没有视频的灰色框。这是我的代码：

            <video width="640" height="360" autobuffer controls preload="auto" >
              <source src="fracWelDay3.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
              <source src="fracWelDay3.webm" type='video/webm; codecs="vp8, vorbis"'>
              <source src="fracWelDay3.ogv" type='video/ogg; codecs="theora, vorbis"'>
                Your browser does not support the video tag.
          </video>

我还创建了一个 .htaccess 文件（见下文）并将其放在与我的视频文件相同的文件夹中：

AddType 音频/ogg oga ogg AddType 视频/ogg ogv 添加类型视频/mp4 .mp4 AddType video/webm .webm

我的文件的链接是：

http://www.synergese.co.uk/testMathsOnline/day3/videos/day3FracWelVideo.html

如果有任何帮助，我将不胜感激。

非常感谢， 菲丽帕

Answer 1

fracWelDay3.ogv 视频的服务器 MIME 类型被错误地作为“文本/纯文本”提供。

$ curl -I http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.ogv

请注意，Content-Type 是 text/plain 而不是 video/ogg：

HTTP/1.1 200 OK
Date: Thu, 26 May 2011 21:55:25 GMT
Server: LiteSpeed
Accept-Ranges: bytes
Connection: close
ETag: "fa8cc4-4dde175c-0"
Last-Modified: Thu, 26 May 2011 09:03:24 GMT
Content-Type: text/plain
Content-Length: 16420036

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

如果您使用的是 Apache 网络服务器或 Apache 的某些衍生版本，您可以在您的站点范围内的 httpd.conf 或存储视频文件的目录中的 .htaccess file 中使用 AddType directive。 （如果您使用其他 Web 服务器，请查阅您服务器的文档以了解如何为特定文件类型设置 Content-Type HTTP 标头。）

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

第一行用于 Ogg 容器中的视频。第二行用于 MPEG-4 容器中的视频。第三个是WebM。设置一次，然后忘记它。如果您忘记设置它，您的视频将无法在某些浏览器中播放，即使您在 HTML 标记的 type 属性中包含 MIME 类型。