2011-05-26 13 views
18

No tengo problemas para reproducir este video en Chrome, Safari u Opera. Cuando trato de jugarlo en Firefox, aparece un cuadro gris sin video. Aquí está mi código:El archivo de video .ogv se reproduce localmente en Firefox, pero no desde el servidor

  <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> 

También he creado un archivo .htaccess (véase más adelante) y lo puso en la misma carpeta que los archivos de vídeo:

AddType de audio/vídeo ogg ogg Oga AddType/OGG ogv vídeo AddType/mp4 .mp4 vídeo AddType/WebM .webm

El enlace a mi archivo es:

http://www.synergese.co.uk/testMathsOnline/day3/videos/day3FracWelVideo.html

Estaría muy agradecido por cualquier ayuda.

Muchas gracias, Philippa

Respuesta

29

El tipo MIME de su servidor para el video fracWelDay3.ogv está incorrectamente siendo sirvieron como `text/plain'.

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

en cuenta que Content-Type estext/plain en lugar de 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 

El vídeo HTML5 juega para mí en Safari, Chrome y el IE 9, pero no en Firefox o IE 7-8 . Si arregla el MIME-type issue, se reproducirá en Firefox.

Si está utilizando el servidor web Apache o algún derivado de Apache, puede utilizar un AddType directive en su httpd.conf todo el sitio o en un .htaccess file en el directorio donde se almacenan los archivos de vídeo. (Si utiliza algún otro servidor web, consulte la documentación del servidor en la forma de establecer la cabecera HTTP Content-Type para tipos de archivo específicos.)

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

La primera línea es para los vídeos de un contenedor Ogg. La segunda línea es para videos en un contenedor MPEG-4. El tercero es para WebM. Configúralo una vez y olvídalo. Si olvida configurarlo, sus videos no podrán reproducirse en algunos navegadores, aunque haya incluido el tipo MIME en el atributo de tipo en su marcado HTML.

+0

Muchas gracias por su ayuda. Desafortunadamente no puedo verlo ahora, pero lo haré más adelante. – Pippa

+0

Genial. ¡Funciona! Creé incorrectamente un archivo .htaccess en TextEdit (Mac) como un archivo RTF. No fue hasta que abrí este archivo en Dreamweaver, luego eliminé toda la información irrelevante y la reemplacé por la directiva AddType sugerida anteriormente. Gracias – Pippa

+0

+1 por salvar mi día :) – UnLoCo

Cuestiones relacionadas