Bagaimanakah Saya Boleh Mengawal Main Semula Video HTML5 Menggunakan jQuery Merentas Berbilang Tab?

Mengawal Main Semula Video HTML5 dengan jQuery

Artikel ini memberikan panduan tentang mengurus main balik video HTML5 menggunakan jQuery. Mari kita mendalami penyelesaian kepada masalah yang dihadapi: mengawal dua klip video dalam tab berasingan antara muka enam tab. Setiap video harus mula dimainkan apabila tabnya diklik dan berhenti seketika apabila tab lain diaktifkan.

Percubaan asal untuk mengawal main balik video ialah:

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

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa mainan bukan fungsi jQuery. Sebaliknya, ia adalah kaedah elemen DOM. Untuk memanggilnya menggunakan jQuery, anda perlu menyasarkan elemen itu sendiri:

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

Di sini, dapatkan semula elemen DOM asli daripada pemilihan jQuery.

Oleh itu, kod anda sepatutnya kelihatan seperti ini :

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

Dengan menggunakan pendekatan ini, setiap klip video akan memulakan main balik apabila tabnya dipilih dan berhenti dimainkan apabila tab lain diklik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengawal Main Semula Video HTML5 Menggunakan jQuery Merentas Berbilang Tab?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!