insertar - Problemas de video HTML5(mp4 y ogv) en Safari y Firefox, pero Chrome es todo bueno

video formats html5

Question

Tengo el siguiente código:

<video width="640" height="360" controls id="video-player" poster="/movies/poster.png">
<source src="/movies/640x360.m4v" type=''video/mp4; codecs="avc1.42E01E, mp4a.40.2"''>
<source src="/movies/640x360.ogv" type=''video/ogg; codecs="theora, vorbis"''>
</video>

• Estoy usando Rails (Mongrel en desarrollo y Mongrel + Apache en producción).
• Chrome (Mac y Windows) puede reproducir cualquier archivo (probado por una y luego por las otras etiquetas de origen) ya sea localmente o desde mis servidores de producción.
• Safari (Mac y Win) puede reproducir el archivo mp4 de forma local pero no desde la producción.
• Firefox 3.6 no reproducirá el video en ninguno de los sistemas operativos. Acabo de recibir una cruz gris en el medio del área del reproductor de video.
• Me he asegurado de que tanto Mongrel como Apache en cada caso tengan los tipos MIME correctos establecidos.
• A partir de los resultados de Chrome, sé que no hay nada intrínsecamente incorrecto en mis archivos de video ni en la forma en que se solicitan o entregan los archivos.

Para Firefox miré https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox donde se refiere a un evento de ''error'' y un atributo ''error''. Parece que el evento ''error'' se produce bastante bien inmediatamente y en ese momento no hay ningún atributo de error. ¿Alguien sabe cómo diagnosticar el problema?

Answer 1

Agregue estas líneas en su archivo .htaccess y funcionará para todos los navegadores. Funciona para mi.

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

Si no tiene el archivo .htaccess en su sitio, cree uno nuevo :) es obvio, supongo.

Answer 2

El tipo de contenido HTTP para .ogg debe ser application / ogg (video / ogg para .ogv) y para .mp4 debe ser video / mp4. Puede verificar usando el Sniffer Web .

Answer 3

Incidentalmente, los archivos .ogv son video, por lo que los archivos "video / ogg", .ogg son audio Vorbis, por lo que los archivos "audio / ogg" y .oga son audio Ogg general, por lo que también "audio / ogg". Comprobado en Firefox y trabajo. "application / ogg" está en desuso para todos los usos de audio o video. Ver http://www.rfc-editor.org/rfc/rfc5334.txt

Answer 4

Solo elimina las comillas internas: confunden a Firefox. Puedes usar "video / ogg; codecs = theora, vorbis".

Además, ese marcado funciona en mi Minefiled 3.7a5pre, por lo que si tu archivo ogv no se reproduce, puede ser un archivo falso. Cómo lo creaste? Es posible que desee registrar un error con Firefox.

Answer 5

Solo necesito cambiar una letra :), renombrar 640x360.ogv a 640x360.ogg, funcionará para los 3 navegadores.

Answer 6

Veo en la página de documentación un ejemplo como este:

<source src="foo.ogg" type="video/ogg; codecs=&quot;dirac, speex&quot;">

Tal vez deberías incluir la información del codec con " entidades en lugar de comillas reales y el atributo type con comillas en lugar de apóstrofes.

También puede intentar eliminar la información del códec por completo.