reproducir - El archivo de video.ogv se reproduce localmente en Firefox, pero no desde el servidor

insertar video en html5

Question

No tengo ningún problema para reproducir este video en Chrome, Safari u Opera. Cuando intento jugarlo en Firefox, aparece un cuadro gris sin video. Aquí está mi código:

            <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 (ver más abajo) y lo puse en la misma carpeta que mis archivos de video:

AddType audio / ogg oga ogg AddType video / ogg ogv AddType video / mp4 .mp4 AddType video / 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

Answer 1

El tipo MIME de su servidor para el video fracWelDay3.ogv se está sirviendo incorrectamente como `texto / plano ''.

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

Tenga en cuenta que Content-Type es text/plain 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 video HTML5 se reproduce para mí en Safari, Chrome e IE 9, pero no en Firefox o IE 7-8. Si solucionas el problema de tipo MIME , se reproducirá en Firefox.

Si está utilizando el servidor web Apache o algún derivado de Apache, puede usar una AddType directive en su httpd.conf todo el sitio o en un .htaccess file en el directorio donde almacena sus archivos de video. (Si usa algún otro servidor web, consulte la documentación de su servidor sobre cómo configurar el encabezado HTTP de tipo de contenido para tipos de archivos específicos).

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

La primera línea es para videos en 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 se reproducirán en algunos navegadores, incluso aunque haya incluido el tipo MIME en el atributo de tipo en su marca HTML.