web-dev-qa-db-fra.com

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

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 une, puis l’autre balise source) que ce soit localement ou à partir de mes serveurs de production.
  • Safari (Mac et Win) peut jouer le fichier mp4 sans problème localement mais pas depuis la production.
  • Firefox 3.6 ne lira la vidéo dans aucun des deux systèmes d'exploitation. Je viens d'avoir une croix grise au milieu de la zone du lecteur vidéo.
  • Je me suis assuré que Mongrel et Apache avaient dans chaque cas les bons types MIME.
  • D'après les résultats de Chrome, je sais que mes fichiers vidéo et la manière dont les fichiers sont demandés ou livrés ne sont pas fondamentalement erroné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 renvoyé assez rapidement et à ce moment-là, il n'y a pas d'attribut error. Est-ce que quelqu'un sait comment diagnostiquer le problème?

firefoxvideosafarihtml5ogg-theora
42
qryss

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

40
hsivonen

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

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

Si vous avez un fichier .htaccess sur votre site, créez-en un nouveau :) c’est une évidence.

31
Salman Aslam

Incidemment, les fichiers .ogv sont de la vidéo, donc "video/ogg", les fichiers .ogg sont de l’audio Vorbis, donc les fichiers "audio/ogg" et .oga sont de l’audio Ogg général, donc aussi de "audio/ogg". Vérifié dans Firefox et fonctionne. "application/ogg" est obsolète pour toutes les utilisations audio ou vidéo. Voir http://www.rfc-editor.org/rfc/rfc5334.txt

3
Silvia