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

Ще бъда много благодарен за всяка помощ.

Много благодаря, Филипа


person Pippa    schedule 26.05.2011    source източник


Отговори (1)


MIME-типът от вашия сървър за видеото fracWelDay3.ogv неправилно се сервира като „текст/обикновен“.

$ 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