web-dev-qa-db-fra.com

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

C'est le code approprié pour lancer 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 correctement séparément, mais en essayant de le fondre en fondu:

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

cela ne semble pas fonctionner et j'ai eu ceci:

enter image description here

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 masqué (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.

Est-ce que je manque quelque chose? est la fonction fadeIn semble me tromper?

javascriptjquerycsshtml5
12
Malloc

Firefox ne prend pas en charge le format MPEG H.264 (mp4) pour le moment, en raison d'un désaccord philosophique avec le caractère source fermé du format.

Pour lire des vidéos dans tous les navigateurs sans utiliser de plug-in, vous devez héberger plusieurs copies de chaque vidéo, dans des formats différents. Vous devrez également utiliser une autre forme de balise video, comme indiqué dans le JSFiddle de @TimHayes ci-dessus, reproduit ci-dessous. Mozilla affirme que seuls mp4 et WebM sont nécessaires pour assurer une couverture complète de tous les principaux navigateurs, mais vous pouvez consulter la rubrique Formats vidéo et assistance du navigateur sur page Vidéo HTML5 du W3C pour voir quel navigateur prend en charge quels formats.

De plus, il vaut la peine de consulter la page de la vidéo HTML5 sur Wikipedia pour une comparaison de base des principaux formats de fichiers.

Vous trouverez ci-dessous la balise video appropriée (vous devrez recoder votre vidéo aux formats WebM ou OGG ainsi que votre fichier 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 de réseau, Cisco, a annoncé le { envisage d'ouvrir une implémentation du codec H.264 en source libre }, _, supprimant ainsi les droits de licence qui constituaient jusqu'à présent un obstacle à l'utilisation par Mozilla. Sans entrer trop dans les détails politiques (voir le lien suivant pour cela) Cela permettra à Firefox de prendre en charge le protocole H.264 à partir de "début 2014" . Cependant, comme indiqué dans ce lien, ceci est toujours assorti d'une mise en garde. Le codec H.264 est uniquement destiné à la vidéo et, dans le conteneur MPEG-4, il est le plus souvent associé au codec audio AAC à source fermée. De ce fait, la lecture de vidéo H.264 fonctionnera, mais l'audio dépendra du fait que l'utilisateur final ait ou non le codec AAC déjà présent sur son ordinateur.

En résumé, des progrès sont en cours, mais vous ne pouvez toujours pas éviter d'utiliser plusieurs codages sans utiliser de plug-in.

12
joequincy

Dans mon cas, cette erreur:

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

Était dû au CSP dans mon .htaccess qui ne permettait pas le chargement du contenu. Vous pouvez vérifier cela 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 chargée correctement. Exemple:

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

Pour Ubuntu 14.04

Vient de retirer le paquet Oxideqt-dodecs Puis installez des extras flash ou ubuntu restreints

et vous êtes prêt à partir !!

0
user4156791

FIXED IT!

Je perdais la tête devant celui-ci. Réinitialisez Firefox, essayez le mode sans échec, supprimez les plug-ins, déboguez à l'aide des outils de développement. Tous étaient en vain et ne m'ont pas aidée à remettre mes vidéos en ligne dans des conditions de visionnage normales. Cela a cependant fait l'affaire parfaitement.

Dans Firefox ou quelle que soit la version de Firefox utilisée (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 a défini votre téléchargement pour le lecteur Flash comme étant pour Firefox.

Ne vous contentez pas de cliquer sur Télécharger. S'IL VOUS PLAÎT S'IL VOUS PLAÎT S'IL VOUS PLAÎT SAUVEGARDEZ la migraine et assurez-vous TOUJOURS que la section du milieu intitulée "Offre facultative:" est absolument pas vérifié, il sera vérifié par défaut afin de toujours le décocher avant de procéder au téléchargement.

Une fois le téléchargement terminé, fermez Firefox. Exécutez le fichier d'installation téléchargé en tant qu'administrateur. Cela ne prend que quelques secondes à peu près, donc, une fois terminé, ouvrez Firefox à nouveau et essayez de visualiser tout ce qui a été jeté précédemment. Devrait être de retour à la normale maintenant.

Prendre plaisir!

0
dep