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

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

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


html firefox video ogg
person Pippa    schedule 26.05.2011    source источник

Ответы (1)


arrow_upward
29
arrow_downward

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.

person rjb    schedule 26.05.2011
comment
Большое спасибо за вашу помощь. К сожалению, я не могу посмотреть на это сейчас, но сделаю это позже. - person Pippa; 27.05.2011
comment
Большой. Оно работает! Я неправильно создал файл .htaccess в TextEdit (Mac) как файл RTF. Так продолжалось до тех пор, пока я не открыл этот файл в Dreamweaver - затем я удалил всю не относящуюся к делу информацию и заменил ее директивой AddType, предложенной выше. Спасибо - person Pippa; 27.05.2011