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

我将非常感谢任何帮助。

非常感谢，菲利帕

Answer 1

您的服务器中fracWelDay3.ogv视频的MIME类型错误地被称为“text / plain”。

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

请注意，内容类型为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 Web服务器或Apache的衍生产品，则可以在站点范围内AddType directive或httpd.conf中的.htaccess file使用AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm。存储您的视频文件。（如果您使用其他一些Web服务器，请参阅服务器的文档，了解如何为特定文件类型设置Content-Type HTTP标头。）

{{1}}

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

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

1 个答案: