Видеофайл .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 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

Ответы

Ответ 1

Тип MIME с вашего сервера для видео fracWelDay3.ogv неправильно используется как "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

Видео HTML5 воспроизводится для меня в Safari, Chrome и IE 9, но не в Firefox или IE 7-8. Если вы исправите проблему MIME-типа, она будет воспроизводиться в Firefox.

Если вы используете веб-сервер Apache или некоторую производную от Apache, вы можете использовать AddType directive на своем сайте httpd.conf или в .htaccess file в каталоге, где хранятся ваши видеофайлы. (Если вы используете какой-либо другой веб-сервер, обратитесь к документации по серверам о том, как установить HTTP-заголовок Content-Type для определенных типов файлов.)

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

Первая строка предназначена для видео в контейнере Ogg. Вторая строка предназначена для видео в контейнере MPEG-4. В-третьих, для WebM. Установите его один раз и забудьте об этом. Если вы забудете установить его, ваши видео не будут воспроизводиться в некоторых браузерах, даже если вы включили тип MIME в атрибут типа в своей разметке HTML.