Javascript Girl
  1. Javascript Girl
  3. Utilisez jQuery pour contrôler la balise vidéo
Intereting Posts
Impossible de terminer l'opération en raison de l'erreur 80020101. IE Exécutez le code Javascript uniquement si la fonction 'beforeunload' renvoie true Quelle est la différence entre la mise en cache via JavaScript vs la définition de l'en-tête HTTPResponse dans le serveur Stop setInterval Time CountDown in angular 2 L'étiquette audio HTML5 sur Safari a un délai Affecter une valeur javascript à la variable php WordPress renvoie les données du formulaire sur la redirection dans le formulaire de contact 7 JavaScript: calculez la nième racine d'un nombre Bower enregistrement du paquet git local Pourquoi les entrées ne fonctionnent pas correctement avec ng-repeat Pourquoi l'affectation ne fonctionne-t-elle pas toujours dans les expressions angulaires? Analyse du HTML à partir d'une chaîne JSON avec jQuery Ajout de l'autocomplétion à Google Geocoder Connexion au serveur SSH distant (via la console Node.js / html5)

Utilisez jQuery pour contrôler la balise vidéo

Donc, je souhaite utiliser une fonction jQuery pour collecter une URL à partir d'un lien REL et passer à un élément.

La collecte du REL et l'envoi à celui-ci ne posent aucun problème … mais qu'est-ce qui est nécessaire pour déclencher les fonctions de chargement et de lecture de l'élément, de jQuery?

Voici ce que j'ai jusqu'ici: 

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

ATM, il ne fonctionne pas … Je suppose que jQuery n'a pas l'accès à la fonction de jeu de manière native … mais il doit y avoir un moyen de le faire.

Vous devez appeler .play() sur l'élément lui-même, et non sur la sélection jQuery. Procédez comme suit: 

 $(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(); }) });