Видео файл .ogv воспроизводится локально в Firefox, но не с сервера - PullRequest
Новая
       45

Видео файл .ogv воспроизводится локально в Firefox, но не с сервера

18 голосов
/ 26 мая 2011

У меня нет проблем с воспроизведением этого видео в 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

Буду очень признателен за любую помощь.

Большое спасибо, Филиппы

1 Ответ

29 голосов
/ 27 мая 2011

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 в атрибут type в вашей разметке HTML.

...