Problèmes de vidéo HTML5 (mp4 et ogv) dans Safari et Firefox - mais Chrome est tout bon

Question

J'ai le code suivant :

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

• J'utilise Rails (Mongrel en développement et Mongrel+Apache en production).
• Chrome (Mac et Win) peut lire l'un ou l'autre fichier (testé par l'une puis l'autre des balises source) que ce soit localement ou depuis mes serveurs de production.
• Safari (Mac et Win) peut lire le fichier mp4 sans problème en local mais no de la production.
• Firefox 3.6 ne lit pas la vidéo dans les deux systèmes d'exploitation. Je n'obtiens qu'une croix grise au milieu de la zone du lecteur vidéo.
• Je me suis assuré que Mongrel et Apache ont les bons types MIME dans chaque cas.
• D'après les résultats de Chrome, je sais qu'il n'y a aucun problème inhérent à mes fichiers vidéo ou à la manière dont ils sont demandés ou livrés.

Pour Firefox, j'ai regardé https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox où il fait référence à un événement "error" et à un attribut "error". Il semble que l'événement "error" soit lancé assez rapidement et qu'il n'y ait pas d'attribut "error" à ce moment-là. Quelqu'un sait-il comment diagnostiquer le problème ?

Answer 1

Le type de contenu HTTP pour les .ogg doit être application/ogg (video/ogg pour les .ogv) et pour les .mp4, il doit être video/mp4. Vous pouvez vérifier en utilisant le Web Sniffer .

Answer 2

Ajoutez ces lignes dans votre fichier .htaccess et cela fonctionnera pour tous les navigateurs. Cela fonctionne pour moi.

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

Si vous n'avez pas de fichier .htaccess sur votre site, créez-en un nouveau :) c'est évident je pense.

Answer 3

Par ailleurs, les fichiers .ogv sont des vidéos, donc "video/ogg", les fichiers .ogg sont des fichiers audio Vorbis, donc "audio/ogg" et les fichiers .oga sont des fichiers audio Ogg généraux, donc également "audio/ogg". Vérifié dans Firefox et le travail. "application/ogg" est déprécié pour toutes les utilisations audio ou vidéo. Voir http://www.rfc-editor.org/rfc/rfc5334.txt

Answer 4

Je vois dans la page de documentation un exemple comme celui-ci :

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

Vous devriez peut-être joindre le codec l'information avec " au lieu de guillemets réels et les type avec des guillemets au lieu d'apostrophes.

Vous pouvez également essayer de supprimer complètement les informations sur le codec.

Answer 5

Enlevez simplement les guillemets intérieurs - ils déroutent Firefox. Vous pouvez simplement utiliser "video/ogg ; codecs=theora,vorbis".

De plus, ce balisage fonctionne dans mon Minefiled 3.7a5pre, donc si votre fichier ogv n'est pas lu, il peut s'agir d'un faux fichier. Comment l'avez-vous créé ? Vous pourriez vouloir enregistrer un bogue avec Firefox.