HTML5 : <video> sous Internet Explorer 9 [Résolu]

Tarnyko · 04/07/2011, 10h26

Bonjour à tous,

Je rencontre des difficultés considérables pour afficher une vidéo avec le nouveau tag HTLM5 <video> sous Internet Explorer 9.

Voici mon code d'origine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<video src="video.mp4" type="video/mp4" poster="video.jpg" width="320" height="240" controls>
Votre navigateur n'est pas compatible.
</video>

Comme ça ne marchait pas, j'ai ensuite essayé d'être plus précis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<video src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' poster="video.jpg" width="320" height="240" controls>
Votre navigateur n'est pas compatible.
</video>

Et puis encore la version étendue :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<video poster="video.jpg" width="320" height="240" controls>
<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
Votre navigateur n'est pas compatible.
</video>

Rien de tout ça ne marche. J'ai toujours "Votre navigateur n'est pas compatible".
J'ai essayé plusieurs fichiers .mp4 et d'ajouter manuellement le type MIME "video/mp4" sur mon serveur Apache.
J'ai lancé l'outil de débogage réseau d'IE (F12) et j'ai l'impression qu'il n'essaie même pas de charger le fichier !

Quelqu'un peut-il m'aider ? Merci d'avance !

Tarnyko · 04/07/2011, 11h19

Bon, j'ai fini par trouver, ça marche maintenant...

Pour ceux que ça intéresserait, il faut ajouter la ligne suivante dans le <head> de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta http-equiv="X-UA-Compatible" Content="IE=9">

Ça force IE9 à utiliser son mode d'affichage natif.

04/07/2011, 11h19	#2
Tarnyko Invité régulier Inscription : janvier 2008 Messages : 15 Détails du profil Informations forums : Inscription : janvier 2008 Messages : 15 Points : 5 Points : 5	Bon, j'ai fini par trouver, ça marche maintenant... Pour ceux que ça intéresserait, il faut ajouter la ligne suivante dans le <head> de la page : Code : Sélectionner tout - Visualiser dans une fenêtre à part <meta http-equiv="X-UA-Compatible" Content="IE=9"> Ça force IE9 à utiliser son mode d'affichage natif.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email