HTML5 vidéo (mp4 et OGV) problèmes dans Safari et Firefox - mais Chrome est tout bon

StackOverflow https://stackoverflow.com/questions/2643447

Question

Je 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 dans le développement et Mongrel + Apache dans la production).
  • Chrome (Mac et Win) peuvent jouer soit le fichier (testé par un, puis les autres balises source) que ce soit localement ou de mes serveurs de production.
  • Safari (Mac et Win) peuvent jouer l'amende de fichier mp4 localement, mais pas de la production.
  • Firefox 3.6 ne sera pas lire la vidéo dans les deux OS. Je viens d'obtenir une croix grise au milieu de la zone du lecteur vidéo.
  • Je me suis assuré que les deux Mongrel et Apache dans chaque cas ont les bons types MIME définis.
  • A partir de résultats de Chrome, je sais qu'il n'y a rien de mal avec mes fichiers vidéo ou la façon dont les fichiers sont demandé ou livrés.

Pour Firefox, je regarde https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox où il fait référence à un événement « d'erreur » et un attribut « erreur ». Il semble que l'événement « erreur » est jeté assez bien et tout de suite à ce moment-là il n'y a pas d'attribut d'erreur. Est-ce que quelqu'un sait comment diagnostiquer le problème?

Était-ce utile?

La solution

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

Autres conseils

Ajoutez ces lignes dans votre fichier .htaccess et il fonctionnera pour tous les navigateurs. Travaux pour moi. 

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

Si vous avez isabelle fichier .htaccess dans votre site, puis créer un nouveau :) la supposition évidente i.

Par ailleurs, les fichiers sont .ogv vidéo, de sorte que "video / ogg", les fichiers .ogg sont audio Vorbis, donc "audio / ogg" et oga fichiers sont audio Ogg général, donc aussi "audio / ogg". Vérifié dans Firefox et le travail. « Application / ogg » est dépréciée pour toutes les utilisations audio ou vidéo. Voir http://www.rfc-editor.org/rfc/rfc5334.txt

Je vois dans la page un exemple de documentation comme ceci: 

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

Peut-être que vous devez joindre les informations de codec avec des entités &quot; au lieu des citations réelles et l'attribut type avec des guillemets au lieu de apostrophes.

Vous pouvez également essayer de supprimer les informations codec tout à fait.

Il suffit de retirer les guillemets internes - ils confondent Firefox. Vous pouvez simplement utiliser. "Video / ogg, codecs Theora =, Vorbis"

En outre, le balisage qui fonctionne dans mon Minefiled 3.7a5pre, donc si votre fichier ogv ne joue pas, il peut être un fichier faux. Comment avez-vous créer? Vous pouvez enregistrer un bug avec Firefox.

Juste besoin de changer une lettre :), renommer 640x360.ogv à 640x360.ogg, cela fonctionnera pour tous les 3 browers.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top