视频文件 .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 audio/ogg oga ogg AddType video/ogg ogv AddType video/mp4 .mp4 AddType video/webm .webm

我的文件链接为：

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

我非常感谢您的任何帮助。

非常感谢， Philippa

- Pippa

Answer 1

你的服务器针对fracWelDay3.ogv视频文件错误地将MIME类型作为`text/plain'进行了服务。

$ 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

在 Safari、Chrome 和 IE 9 中，HTML5 视频可以播放，但在 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

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

- rjb

---

非常感谢您的帮助。不幸的是，我现在无法查看它，但稍后会这样做。 - Pippa

太好了，它起作用了！我错误地在TextEdit（Mac）中创建了一个RTF文件作为.htaccess文件。直到我在Dreamweaver中打开这个文件，我才剥离了所有无关的信息，并用上面建议的AddType指令替换了它。谢谢。 - Pippa