Wie kann ich die HTML5-Videowiedergabe mit jQuery über mehrere Registerkarten hinweg steuern?

HTML5-Videowiedergabe mit jQuery steuern

Dieser Artikel enthält Anleitungen zum Verwalten der HTML5-Videowiedergabe mit jQuery. Schauen wir uns die Lösung des vorliegenden Problems genauer an: die Steuerung von zwei Videoclips in separaten Registerkarten einer Benutzeroberfläche mit sechs Registerkarten. Jedes Video sollte mit der Wiedergabe beginnen, wenn auf seine Registerkarte geklickt wird, und pausieren, wenn eine andere Registerkarte aktiviert wird.

Der ursprüngliche Versuch, die Videowiedergabe zu steuern, war:

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

Es ist jedoch wichtig, diese Wiedergabe zu beachten ist keine jQuery-Funktion. Stattdessen handelt es sich um eine Methode des DOM-Elements. Um es mit jQuery aufzurufen, müssen Sie auf das Element selbst abzielen:

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

Hier ruft get das native DOM-Element aus der jQuery-Auswahl ab.

Daher sollte Ihr Code so aussehen :

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

Bei Verwendung dieses Ansatzes beginnt die Wiedergabe jedes Videoclips, wenn sein Tab ausgewählt wird, und endet mit der Wiedergabe, wenn ein anderer Tab ausgewählt wird angeklickt.

Das obige ist der detaillierte Inhalt vonWie kann ich die HTML5-Videowiedergabe mit jQuery über mehrere Registerkarten hinweg steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!