web-dev-qa-db-fra.com

Lecture de fichiers MP4 dans Firefox à l'aide d'une vidéo HTML5

J'ai cherché un peu autour mais je n'ai pas résolu mon problème.

J'ai une balise video fonctionnant comme suit:

<video 
  class="ne" 
  src="{{ page | video_url }}" 
  muted="true" 
  volume="0"  
  controls 
  width="720" 
  height="480" 
  poster="{{ page | video_poster_image_url }}" 
  type="video/mp4">
</video>

J'utilise Jekyll pour les URL. Ils fonctionnent bien.

Le site est en ligne sur switzerlandllc.com . Cliquez sur n'importe quelle vidéo dans FF et elle affiche une image et un X. Chrome et les autres navigateurs fonctionnent bien.

Si vous saisissez la source d'une vidéo et la chargez dans un nouvel onglet, elle se joue correctement. Au moins, c'est le cas pour moi.

J'ai ajouté:

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

dans mon fichier htaccess. Je soupçonne que je n'ai pas besoin du .ogv ou .webm.

Je ne comprends pas pourquoi le chargement de l'URL de la vidéo lira correctement les vidéos, mais le chargement de la vidéo dans un tag vidéo échoue.

Des idées?

21
TJ Sherrill

Cela est dû à la prise en charge limitée du format MP4 dans la balise vidéo dans Firefox. Le support n'a pas été ajouté avant Firefox 21, et il est toujours limité à Windows 7 et supérieur. La principale raison de la prise en charge limitée tourne autour des frais de redevance attachés au format mp4.

Consultez Formats multimédias pris en charge et Formats multimédias pris en charge par les éléments audio et vidéo directement auprès de l'équipe de Mozilla ou le billet de blog suivant pour plus d'informations:

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

32
Josh Mein

Je peux confirmer que mp4 ne fonctionnera tout simplement pas dans le tag vidéo. Peu importe combien vous essayez de jouer avec la balise de type et le codec et les types MIME du serveur.

Fou, car pour la même vidéo exacte, sur la même page de test, l'ancienne balise d'intégration pour un mp4 fonctionne très bien dans Firefox. J'ai passé tout hier à jouer avec ça. Firefox est comme IE tout d'un coup, des heures et des heures, non facturables. Yay.

En parlant d'IE, il échoue beaucoup plus gracieusement sur ce point. Lorsqu'il ne peut pas correspondre au format, il appartient au contenu entre les balises, il est donc possible de simplement placer la vidéo autour de l'objet autour de l'intégration et tout fonctionne très bien. Firefox, non, malgré l'échec, il affiche l'image de l'affiche (grisée de sorte que ce n'est même pas utile comme solution de rechange) avec un message d'erreur au milieu. Alors maintenant, les options sont mises dans le code de reconnaissance du navigateur (ce qui signifie que nous n'avons rien gagné à l'intégration de vidéos au cours des dix dernières années) ou dans le fossé html5.

9
wes