Pourquoi la création dynamique d'un élément vidéo à l'aide de jQuery ne fonctionne pas dans IE9

Je suis en train de recréer la suite avec Jquery

<video width="640" height="264" autoplay>
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" />
</video>

http://jsfiddle.net/4bkpU/2/

Je suis venu avec ce qui suit, mais dans IE9 l'élément vidéo est vide, quelqu'un peut-il me dire pourquoi et ce que j'aurais besoin de changer pour être en mesure d'ajouter dynamiquement des vidéos dans IE9? Il fonctionne très bien sous Firefox, Chrome et Safari.

HTML

<div id="videoHolder">
</div>

JQuery

var video = $('<video width="640" height="264" autoplay></video>')
            .append('<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />')
            .append('<source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" />')
            .append('<source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" />')
            .appendTo($("#videoHolder"));

Mise à JOUR - fermé la balise vidéo ci-dessus et ajoutées dans nouveau lien

http://jsfiddle.net/8Cevq/

source d'informationauteur Tom

  1. 14

    Essayez ce qui suit, cela fonctionne:

    $("#videoHolder").html(
    '<video width="640" height="264" autoplay>' +
        '<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"></source>' +
        '<source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm"></source>' +
        '<source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg"></source>' +
    '</video>');

    JSFIDDLE exemple.

    Ce que j'ai fait pour obtenir ce travail était:

    • A) utiliser le html méthode pour injecter le repère désiré de tous à la fois
    • B) soit Modifié de balises (sur les deux video et source) utiliser les balises de fermeture par opposition à la sténographie />

    Un de plutôt cool la vidéo, par le chemin.

  2. 5

    IE9 ne l'aime pas lorsque vous ajoutez le <video> de l'élément de contenu de manière dynamique, de sorte que vous devez ajouter le <video> élément et son contenu à la fois.

    Remarque: IE9 ne semble pas avoir un problème avec le raccourci <source ... /> tant que vous n'essayez pas de l'ajouter par la suite.