web-dev-qa-db-fra.com

La vidéo HTML5 ne fonctionne pas IE 11

J'ai une archive vidéo dans laquelle je travaille dans tout sauf dans IE 11. Je reçois le message d'erreur "Erreur: type de vidéo non pris en charge ou chemin du fichier non valide" lorsqu'il est chargé dans IE 11. Vous trouverez ci-dessous le code HTML que je suis en utilisant.

<video id="movie" width="640" height="400" autobuffer controls preload="auto"> 
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.webm" type='video/webm; codecs="vp8, vorbis"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.ogv" type='video/ogg; codecs="theora, vorbis"' />
                    <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="640" height="360">
                        <param name="movie" value="http://player.longtailvideo.com/player.swf" />
                        <param name="allowFullScreen" value="true" />
                        <param name="wmode" value="transparent" />
                        <param name="flashVars" value="controlbar=over&amp;file=SITE%2Fmedia%2FArchive_Videos%2FSeptember%25202013%2FSeptember_13_U-RUN.mp4" />
                        <span title="No video playback capabilities, please download the video below">September 2013 U-RUN</span>
                    </object>
                <p>OOPS! It looks like your browser doesn't support HTML5 videos. You can either install the latest version of your browser or download the video below:
                <br /><a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.mp4">MP4 format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.ogv">Ogg format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.webm">WebM format</a></p>
            </video>

J'ai aussi un fichier .htaccess pour que cela fonctionne dans Firefox. 

AddType audio/ogg oga ogg 
AddType video/ogg ogv

Pourquoi ça ne marche pas dans IE 11?

10
user2916637

Je pense que IE nécessite le codec H.264 ou MPEG-4, qui semble ne pas avoir été spécifié/inclus. Vous pouvez toujours vérifier la prise en charge du navigateur en utilisant HTML5Please et Puis-je utiliser ... . Les deux sites proposent généralement des informations très récentes sur l'assistance, les polyfills et des conseils sur la manière de tirer parti des nouvelles technologies.

15
Ilan Biala

Quelle est la résolution de la vidéo? J'ai eu un problème similaire avec IE11 dans Win7. Le décodeur Microsoft H.264 ne prend en charge que 1920 x 108 pixels dans Windows 7. Voir mon histoire: http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter

32
st0ne

J'ai eu des problèmes similaires d'une vidéo ne jouant pas dans IE11 sous Windows 8.1. Ce que je n'avais pas compris, c'est que j'utilisais une version N de Windows, ce qui signifie qu'aucune fonctionnalité multimédia n'était installée. Après avoir installé le Media Feature Pack pour les versions N et KN de Windows 8.1 et redémarré mon PC, tout fonctionnait correctement.

En passant, la vidéo a bien fonctionné sous Chrome, Firefox, etc., car ces navigateurs sont correctement retombés dans le fichier webm.

6
Simon Ingeson

Je sais que c'est vieux, mais voici une chose supplémentaire si vous rencontrez toujours des problèmes avec la solution ci-dessus.

Il suffit de mettre votre <head>:

<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 

Cela empêchera IE de revenir à la compatibilité avec IE9, cassant ainsi la fonction vidéo . Travaillé pour moi, donc si vous avez toujours des problèmes, envisagez de vérifier ceci.

Sinon, vous pouvez ajouter ceci dans PHP:

header('x-ua-compatible: ie=Edge');

Ou dans un fichier .htaccess:

header set X-UA-Compatible "IE=Edge"
2
Gawet

Cela était dû à une version trop basse de IE en mode Document. Appuyez sur 'F12' et utilisez la version supérieure (Mon cas, la version 9 ci-dessus est OK) 

0
johnson tsang

Dans mon cas, l'ID de codec du fichier mp4 était le problème, ID de codec: isom (isom/iso2/avc1/mp41) Ne jouait pas dans IE 10 et 11 à l'aide d'une balise vidéo à "mp42 (mp42/isom/avc1)" en utilisant FFmpeg il a commencé à jouer dans IE aussi.

0
vicky shrestha

Bien que MP4 soit pris en charge dans Internet Explorer, le codage du fichier importe peu. Assurez-vous d’utiliser le codage BASELINE lors du rendu du fichier vidéo. Cela a résolu mon problème avec IE11

0
Vonwelzen