HTML5 vidéo ne joue pas dans IE9

Je rencontre un problème lors de la lecture d'une vidéo html5 dans IE9.HTML5 vidéo ne joue pas dans IE9

Voici comment j'inclure la vidéo dans le HTML

<video id="video-1"></video>

Je désignais l'élément vidéo sur une variable JS utiliser facilement sur d'autres fonctions.

video1 = document.getElementById("video-1");

Voici comment j'assigne la vidéo dans JS.

video1.innerHTML = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';

a également essayé cette méthode d'attribution de la vidéo JS ....

video1.innerText = '<source id="video-1-mp4-src" type="video/mp4" src="' + 'pill.mp4' + '">' + '<source id="video-1-ogg-src" type="video/ogg" src="'+ 'pill.ogg' + '">' + '<source id="video-1-webm-src" type="video/webm" src="' + 'pill.webm' + '">';

problème est la vidéo ne se charge pas dans IE9 .... pourrais-je manquer quelque chose? ou est-ce que la balise Video n'est pas encore supportée par IE9?

TIA! :)

Source

2011-10-27 jason

Je pense que c'est probablement lié à la issue où vous devez déclarer le type MIME vidéo dans le fichier .htaccess

Source

2011-10-27 19:18:16 Tules

donc la vidéo HTML5 ne jouera pas sans cette configuration supplémentaire alors? Merci encore. :) – jason

je me suis dit la solution après beaucoup de recherches.

Le DOCTYPE de la page doit être:

<!DOCTYPE html>

(le doctype HTML5) pour que IE9 pour lire la vidéo HTML5. Firefox, Chrome, etc reconnaîtront la balise vidéo même avec un doctype XHTML, mais IE ne le fera pas.

Source

2012-06-06 20:45:34 Brian

Confirmez votre mode navigateur et le mode document. Appuyez sur F12 et vérifiez que les onglets Mode navigateur et Mode document sont réglés sur les options IE9.

Source

2014-02-24 20:23:58

Il me semble que IE9 ne peut pas gérer innerHTML pour <source> à l'intérieur < vidéo >.

Cependant, il fonctionne si vous le faites de la façon Classis:

var video1 = document.getElementById("video-1"); 
var source = document.createElement('source'); // create source node 
source.src = 'pill.mp4'; 
source.type = "video/mp4"; 
video1.appendChild(source); // append source node to video node

Pour IE10 et plus vous pouvez utiliser "innerHTML".

Source

2016-11-14 01:11:37 Holger

HTML5 vidéo ne joue pas dans IE9

Répondre

Questions connexes