Comment puis-je contrôler la lecture vidéo HTML5 à l'aide de jQuery sur plusieurs onglets ?

Contrôler la lecture vidéo HTML5 avec jQuery

Cet article fournit des conseils sur la gestion de la lecture vidéo HTML5 à l'aide de jQuery. Examinons la solution au problème actuel : contrôler deux clips vidéo dans des onglets séparés d'une interface à six onglets. La lecture de chaque vidéo doit commencer lorsque vous cliquez sur son onglet et s'arrêter lorsqu'un autre onglet est activé.

La tentative initiale de contrôler la lecture vidéo était la suivante :

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

Cependant, il est crucial de noter que la lecture n'est pas une fonction jQuery. Au lieu de cela, c'est une méthode de l'élément DOM. Pour l'invoquer à l'aide de jQuery, vous devez cibler l'élément lui-même :

$('#videoId').get(0).play();

Ici, get récupère l'élément DOM natif de la sélection jQuery.

Par conséquent, votre code devrait ressembler à ceci :

$('#playMovie1').click(function(){
  $('#movie1').get(0).play();
      });

En employant cette approche, chaque clip vidéo commencera la lecture lorsque son onglet est sélectionné et cessera de jouer lorsqu'un autre onglet est sélectionné. cliqué.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!