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

问题描述

|| 我在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 video / ogg ogv AddType video / mp4 .mp4 AddType video / webm .webm 我文件的链接是： http://www.synergese.co.uk/testMathsOnline/day3/videos/day3FracWelVideo.html 我将非常感谢您的帮助。 非常感谢， 菲利帕     

解决方法

您服务器上用于

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类型问题，它将在Firefox中播放。 如果您使用的是Apache Web服务器或Apache的某些衍生版本，则可以在站点范围内的ѭ7或存储视频文件的目录中的ѭ8中使用ѭ6。 （如果您使用其他Web服务器，请查阅服务器的文档，以了解如何为特定文件类型设置Content-Type HTTP标头。）

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

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