Le format vidéo ou le type MIME n'est pas supporté

C'est le code correspondant à la vidéo de la course:

<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 d'en fondu:

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

il ne semble pas fonctionner et j'ai obtenu ceci:

Le format vidéo ou le type MIME n'est pas supporté

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

Le conteneur vidéo est caché en 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), en cas de besoin, j'appelle la fonction showVideoPlayer pour afficher le conteneur vidéo. Cependant cela ne fonctionne pas et me produire cette erreur dans FireFox et un écran vide en Chrome et IE9.

Suis-je raté quelque chose? est le fadeIn fonction semble me faire de mal?

source d'informationauteur Malloc

  1. 12

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

    Pour lire des vidéos dans tous les navigateurs sans l'aide de plugins, vous aurez besoin d'héberger plusieurs exemplaires de chaque vidéo dans différents formats. Vous aurez également besoin d'utiliser une autre forme de la video balise, comme on le voit dans le JSFiddle de @TimHayes ci-dessus, reproduit ci-dessous. Mozilla affirme que seulement mp4 et WebM sont nécessaires pour assurer une couverture complète de tous les principaux navigateurs, mais vous pouvez consulter les Formats Vidéo et prise en charge du Navigateur rubrique sur Le W3C HTML5 page Vidéo de voir que le navigateur prend en charge ce format.

    En outre, il vaut la peine de regarder le Vidéo HTML5 page sur Wikipédia pour une comparaison détaillée des principaux formats de fichiers.

    Ci-dessous est la video tag (vous aurez besoin de ré-encoder votre vidéo dans WebM ou OGGainsi que les formats existants mp4):

    <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>

    Mise À Jour Nov. 8, 2013

    Infrastructure de réseau géant Cisco a annoncé des plans pour open-source par la mise en œuvre de la H. 264 codecen supprimant les frais de licence qui ont jusqu'ici été un obstacle à l'utilisation par Mozilla. Sans entrer trop profondément dans la politique de celui-ci (voir lien suivant) cela va permettre à Firefox de soutien H. 264 de départ en "début 2014". Toutefois, comme indiqué dans ce lien, cela vient toujours avec une mise en garde. Le H. 264 codec est simplement pour la vidéo et les formats MPEG-4 conteneur, il est le plus souvent couplé avec le code source fermé le codec audio AAC. De ce fait, la lecture de H. 264 video fonctionne, mais l'audio dépend de si l'utilisateur final a le codec AAC déjà présents sur leur machine.

    Long et à court de ce que des progrès sont réalisés, mais vous ne pouvez pas toujours éviter l'utilisation de plusieurs encodages sans l'aide d'un plugin.

  2. 0

    Pour Ubuntu 14.04

    Juste supprimé le paquet Oxideqt-dodecs
    puis installer flash ou ubuntu restricted extras

    et vous êtes bon pour aller!

  3. 0

    FIXE!

    J'étais en train de perdre mon esprit sur celui-ci. Réinitialiser firefox, essayé le mode sans échec, retiré des plugins, de débogage en utilisant les outils de développement. Tous ont été en vain et ne pas me faire suite à l'obtention de mes vidéos en ligne retour à la normale des conditions d'affichage. Toutefois, cela a fonctionné parfaitement.

    Dans Firefox ou quelle que soit la saveur de Firefox, vous avez(CyberFox d'être mon préféré, c'est au choix), il suffit de parcourir à https://get.adobe.com/flashplayer/

    VÉRIFIEZ d'ABORD que le site a détecté que vous utilisez FireFox et a mis votre télécharger le flash player pour Firefox.

    N'est pas juste de cliquer sur télécharger. VEUILLEZ s'il vous PLAÎT, épargnez-VOUS la migraine et assurez-vous TOUJOURS que le milieu de la section intitulée "offre Optionnelle:" n'est absolument PAS VÉRIFIÉ, il sera cochée par défaut donc toujours DÉCOCHER avant de procéder au téléchargement.

    Après c'est fini le téléchargement, près de Firefox. Exécutez le fichier d'installation téléchargé en tant Qu'Administrateur. Il ne faut que quelques secondes pour terminer, donc après c'est fait, ouvrez Firefox à nouveau et essayez d'afficher tout ce qui a été précédemment lancer cette erreur. Devrait être de retour à la normale maintenant.

    Profitez-en!

  4. 0

    Dans mon cas, cette erreur:

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

    Était due à la CSP dans mon .htaccess qui ne permettent pas le contenu à charger. Vous pouvez le vérifier en ouvrant le navigateur de la console et de l'actualisation de la page.

    Une fois, j'ai ajouté le domaine de l'hébergement de la vidéo dans le media-src partie de cette CSP, la console était propre et la vidéo a été chargé correctement. Exemple:

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