web-dev-qa-db-fra.com

La vidéo HTML5 ne joue pas dans Firefox

J'ai converti le fichier en trois formats différents: mp4, web et ogv. Selon caniuse firefox est supposé supporter ogg et webm, mais rien ne joue.

J'ai converti les fichiers en utilisant Miro Converter , selon d'autres personnes, cela devrait fonctionner correctement. Je crois que Chrome récupère le fichier webm (si je clique avec le bouton droit de la souris -> ouvre un nouvel onglet, le fichier webm est affiché), ce qui est excellent.

URL du site: http://dev.fristil.se/hbh/

J'ai une image statique en arrière-plan. La vidéo est supposée s'afficher au-dessus, donc si elle ne bouge pas, vous pouvez dire que cela ne fonctionne pas.

Des idées?

html5firefoxvideohtml5-video
17
qwerty

Votre serveur n'envoie pas le type MIME correct pour le fichier.

Il envoie Content-Type: text/plain

La vidéo HTML5 peut être lue dans Safari, Chrome et IE 9, mais pas Firefox ou IE 7-8. Si vous corrigez le problème de type MIME, il sera lu dans Firefox.

Si vous utilisez le serveur Web Apache ou un dérivé d’Apache, vous pouvez utiliser une directive AddType dans votre fichier httpd.conf ou dans un fichier .htaccess situé dans le répertoire où vous stockez votre fichier. fichiers vidéo. (Si vous utilisez un autre serveur Web, consultez la documentation de votre serveur pour savoir comment définir l'en-tête HTTP Content-Type pour des types de fichiers spécifiques.)

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

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

Vous avez la même question ici: Le fichier vidéo .ogv est lu localement dans Firefox, mais pas depuis le serveur Et réponse plus détaillée: https://stackoverflow.com/a/6145629/1081079

30
freshbm

Votre problème est côté serveur. Le serveur renvoie actuellement text/plain en tant que type MIME pour les vidéos (au moins celui .ogg). Vous devrez ajuster la configuration de votre serveur pour renvoyer le type MIME correct afin que Firefox puisse reconnaître correctement le fichier. Le problème est identique à celui décrit ici: aucune vidéo avec le format et le type MIME pris en charge n'a été trouvée. Qu'est-ce que cela signifie et comment puis-je changer ceci (vous ne voyez tout simplement pas le message car vous n'avez pas l'option controls dans votre balise <video>).

2
Ale

Votre serveur fournit la ressource http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webm avec l'en-tête HTTP Content-Type: text/plain - et par conséquent, Firefox refuse de la traiter comme rien d'autre.

«Apprenez» à votre serveur à fournir un contenu tel que video/webm.

(Il en va de même pour votre ogv - votre serveur dit également que cette ressource serait du texte, elle devrait plutôt être video/ogg.)

1
CBroe

J'avais le même problème avec Webm en utilisant le lecteur Flowplayer HTML5. Firefox disait "Vidéo HTML5 introuvable". Au début, je pensais que Miro avait un problème de codage et j'ai essayé plusieurs programmes différents, tous avec le même résultat. Donc, je l'ai réduit à un type MIME inapproprié sur mon serveur, transmettant le webm en tant que text/plain (vous pouvez utiliser l'inspecteur Web pour voir cela), ou à Firefox qui aspire. J'avais le fournisseur d'hébergement AddType video/webm .webm il y a quelque temps, donc je ne peux pas être positif. Ce que j'ai fait, c'est simplement supprimer la référence webm directement de mon code HTML après avoir réalisé que j'avais déjà utilisé Flowplayer et que je n'avais besoin que d'un seul fichier mp4. Firefox peut utiliser mp4. Enlève ça:

 <source type="video/webm" src="URL_to_webm.webm" />

Cela a fonctionné sur tout (IE, Chrome, Firefox, iPad, iPhone). Chrome 29 sur Mac utilise le MP4.

0
zombiedoctor

J'ai le même problème dans mon hébergement Windows. Pour résoudre ce problème, j'ai inclus le paramètre mime dans web.config à l'intérieur 

<staticContent>
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>
0
yogihosting