Utilisation de jQuery pour contrôle de la balise vidéo

Donc, je veux utiliser une fonction jQuery pour recueillir une URL à partir d'un lien REL, et le transmettre à l'élément.

La collecte de la REL et de l'envoyer à l'est, aucun problème... mais ce qui est nécessaire pour déclencher l'élément de charge et les fonctions de lecture, à partir de jQuery?

Voici ce que j'ai à ce jour:

$(function(){   
    $('a.componentLink').click(function() {
        event.preventDefault();
        var vidURL = $(this).attr('rel');
        $('#myVideo > source').attr('src', vidURL);
        $('#myVideo').load();
        $('#myVideo').play();
    })
});

ATM, il ne joue pas... je suppose que jQuery n'est pas nativement avoir accès à la fonction de lecture... mais il doit y avoir un moyen de contourner cela.

InformationsquelleAutor Benjamin Allison | 2010-10-30
  1. 20

    Vous devez appeler .play() sur l'élément lui-même, pas sur le jQuery de sélection. Procédez de la manière suivante:

    $(function(){   
    $('a.componentLink').click(function() {
        event.preventDefault();
        var vidURL = $(this).attr('rel');
        $('#myVideo').attr('src', vidURL);
        var video = $('#myVideo').get(0);
        video.load();
        video.play();
    })
});
    • Hmm... ce qui ne semble pas fonctionner non plus. Je suis positif de la variable est passé à l'élément vidéo, mais ce n'est pas joué...
    • Vous pouvez lier un exemple?
    • Aussi, je suis en supposant ceci est une vidéo HTML5. Suis-je la corriger?
    • Oui, la vidéo html5! Vous pouvez voir une démo ici en cliquant sur un des deux liens dans la liste de lecture, au-dessous de la fenêtre de la vidéo (j'ai décidé de passer à jQuery pour cela; avant, j'avais obtenu ce travail avec un "onclick" pour chaque élément de la liste de lecture, mais c'est bâclée): roestudios.com/dump/tester.html
    • Votre langage est source de confusion -- vous Flash de balisage comme un secours pour votre balise vidéo. Lorsque vous définissez la source de la vidéo, vous avez besoin de le mettre dans le video tag -- à l'aide de l'enfant source élément ne fera absolument rien. J'ai édité ma réponse à ce changement. Notez que vous avez besoin pour gérer les non-video-soutenir les navigateurs séparément.
    • Parfait! Qui fonctionne. J'ai été la définition de la source de la source, parce que c'est ce que j'avais à faire quand à l'aide de matières JS... mais maintenant ça fonctionne. Oui, le flash de secours vous voir, c'est parce que je suis en utilisant VideoJs à la poignée de secours; c'est une toute autre paire de manches. Merci pour votre aide!
    • Heureux de vous avoir aidé!

    InformationsquelleAutor lonesomeday