Le format vidéo ou le type MIME n'est pas pris en charge

C'est le code pertinent pour exécuter la vidéo:

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'> Your brwoser doesn't seems to support video tag </video>

Ce code fonctionne bien séparément, mais en essayant de le dégrader dans:

 function showVideoPlayer(){ console.log('video displayed'); $("#video").fadeIn('medium'); }

Ça ne semble pas fonctionner et j'ai compris ceci:

Entrez la description de l'image ici

Comme vous pouvez le voir: Video format or MIME type is not supported.

Le conteneur vidéo est caché dans css:

 #video{ position:fixed; border:solid 1px #000000; width:654px; height:454px; background-color:#FFFFFF; left:23%; top:11%; display:none; }

C'est l'idée, le conteneur vidéo est caché ( display:none ), si nécessaire, j'appelle la fonction showVideoPlayer pour afficher le conteneur vidéo. Cependant, cela ne fonctionne pas et me produit cette erreur dans FireFox et un écran vide dans Chrome et IE9.

Suis-je un manque de quelque chose? Est-ce que la fonction fadeIn semble me tromper?

Firefox ne prend pas en charge le format MPEG H.264 (mp4) en ce moment, en raison d'un désaccord philosophique avec la nature de source fermée du format.

Pour lire des vidéos dans tous les navigateurs sans utiliser de plugins, vous devrez héberger plusieurs copies de chaque vidéo, dans différents formats. Vous devrez également utiliser une autre forme de la balise video , comme le montre JSFiddle à partir de @TimHayes ci-dessus, reproduit ci-dessous. Mozilla prétend que seul mp4 et WebM sont nécessaires pour assurer une couverture complète de tous les principaux navigateurs, mais vous voudrez peut-être consulter le titre des Formats vidéo et du support du navigateur sur la page Vidéo HTML5 du W3C pour voir quel navigateur prend en charge les formats.

En outre, il vaut la peine de vérifier la page de la vidéo HTML5 sur Wikipedia pour une comparaison de base des principaux formats de fichiers.

Ci-dessous la balise video appropriée (vous devrez recoder votre vidéo dans les formats WebM ou OGG ainsi que votre mp4 existant):

 <video id="video" controls='controls'> <source src="videos/clip.mp4" type="video/mp4"/> <source src="videos/clip.webm" type="video/webm"/> <source src="videos/clip.ogv" type="video/ogg"/> Your browser doesn't seem to support the video tag. </video>

Mis à jour le 8 novembre 2013

Le géant de l'infrastructure réseau Cisco a annoncé son intention d'ouvrir la source d'une mise en œuvre du codec H.264 , en supprimant les droits de licence qui se sont révélés jusqu'ici un obstacle à l'utilisation de Mozilla. Sans être trop profond dans la politique (voir le lien suivant pour cela), cela permettra à Firefox de supporter H.264 à partir de "début 2014" . Cependant, comme indiqué dans ce lien, cela vient toujours avec une mise en garde. Le codec H.264 est uniquement pour la vidéo, et dans le conteneur MPEG-4, il est le plus souvent associé au codec audio AAC à source fermée. Pour cette raison, la lecture de la vidéo H.264 fonctionnera, mais l'audio dépendra si l'utilisateur final possède déjà le codec AAC sur sa machine.

Le long et le bas de cela est que des progrès sont en cours, mais vous ne pouvez toujours pas éviter d'utiliser plusieurs encodages sans utiliser de plugin.

FIXE-T-IL!

Je perdais mon esprit à propos de celui-ci. Réinitialiser firefox, mode de sécurité testé, supprimer des plugins, déboguer à l'aide d'outils de développement. Tous ont été en vain et n'ont pas réussi à obtenir mes vidéos en ligne à la normale. Cela a cependant fait l'affaire parfaitement.

Dans Firefox ou quelle que soit la saveur de Firefox, vous avez (CyberFox étant mon choix préféré ici), accédez simplement à https://get.adobe.com/flashplayer/

VÉRIFIEZ D'abord que le site Web a détecté que vous utilisez FireFox et que vous avez configuré votre téléchargement pour que Flash Player soit pour Firefox.

Ne cliquez pas simplement sur le téléchargement. VEUILLEZ VEUILLEZ VOUS CONSERVER SAUVEGARDE la migraine et TOUJOURS assurez-vous que la section centrale intitulée «Offre facultative:» n'est absolument pas vérifiée, elle sera vérifiée par défaut, donc, toujours, vous l'effacez avant de procéder au téléchargement.

Après avoir terminé le téléchargement, fermez-le sur Firefox. Exécutez le fichier d'installation téléchargé en tant qu'administrateur. Il ne faut que quelques secondes pour terminer, alors, après avoir terminé, ouvrez Firefox à nouveau et essayez de voir tout ce qui a précédemment jeté cette erreur. Devrait revenir à la normale maintenant.

Prendre plaisir!

Pour Ubuntu 14.04

Il suffit de retirer le paquet Oxideqt-dodecs puis d'installer flash ou ubuntu des extras restreints

Et vous allez bien!

Dans mon cas, cette erreur:

Le format vidéo ou le type MIME n'est pas pris en charge.

Était due au CSP dans mon .htaccess qui ne permettait pas de charger le contenu. Vous pouvez vérifier ceci en ouvrant la console du navigateur et en actualisant la page.

Une fois que j'ai ajouté le domaine qui hébergeait la vidéo dans la partie media-src de ce CSP, la console était propre et la vidéo était correctement chargée. Exemple:

 Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'