setAttribute et video.src pour changer la source de tag vidéo ne fonctionne pas dans IE9

J'ai bien lu tous les stackoverflow thread concernant la modification de la balise vidéo source dynamiquement via javascript dans IE9, y compris l'utile, mais ne s'entendent pas sur les postes ici et icimais ne se sentent comme il ya une autre solution. Voici l'exemple de base de ce que je suis en train de faire:

    var video = document.getElementById('video');
    //now, use either of the lines of code below to change source dynamically

    video.src = "nameOfVideo";
    //or use...
    video.setAttribute("src", "nameOfVideo");

Ces deux lignes de code sont haïs à fond par Internet Explorer, notamment en raison de la src est très certainement être changeed après avoir vérifié avec une simple vidéo.getAttribute, même si IE n'est pas réellement faire quelque chose pour changer la vidéo.

Oui, il y a des revendications qui avec IE, vous DEVEZ avoir la src est répertorié avec le HTML afin de les changer une fois la page chargée, MAIS j'ai certainement trouvé un fil sur stackoverflow qui a proposé une solution via JavaScript simple. (Pour ma déception, je n'arrive plus à trouver le fil qui le fait....et j'ai cherché partout, croyez-moi).

Avec tout ce que dit, si quelqu'un peut fournir une solution SANS l'utilisation de placer toutes les vidéo du src dans le code HTML et au lieu de cela, la définition dynamique/création de la src à l'aide de JavaScript, comme indiqué ci-dessus, je vous serais extrêmement reconnaissant.

(Ou, si vous pouviez me pointer dans la direction des "disparus" dépassement de fil qui teste si l'attribut existe dans IE, et puis en quelque sorte mis la src via javascript, qui sera également appréciée).

source d'informationauteur mkralla11

  1. 27

    Grande nouvelle, j'ai trouvé une vraie solution de commutation/changement de vidéos en HTML5, vidéo tags via JavaScript sans utiliser l'ennuyeux hack j'ai essayé d'expliquer! Il est incroyablement simple et il a fallu BEAUCOUP d'expérimenter avec IE. Ci-dessous est le code dans sa forme la plus simple de travailler dans IE:

    <html>
  <body>
    <video id='videoPlayer' width="320" height="240" controls="controls">
       <source id='mp4Source' src="movie.mp4" type="video/mp4" />
       <source id='oggSource' src="movie.ogg" type="video/ogg" />
    </video>

<!-- You MUST give your sources tags individual ID's for the solution to work. -->

    <script>
      var player = document.getElementById('videoPlayer');

      var mp4Vid = document.getElementById('mp4Source');

      player.pause();

      //Now simply set the 'src' property of the mp4Vid variable!!!!

      mp4Vid.src = "/pathTo/newVideo.mp4";

      player.load();
      player.play();
    </script>
  </body>
</html>

    Et là vous l'avez. Incroyablement simple-testé et de travail dans IE8 et IE9...
    Si vous rencontrez des problèmes, s'il vous plaît laissez-moi savoir.