Bagaimanakah Saya Boleh Memainkan dan Menjeda Video HTML5 Menggunakan jQuery dalam Antara Muka Bertab?

Memainkan dan Menjeda Video HTML5 dengan jQuery

Dalam senario ini, anda bertujuan untuk mengawal video HTML5 dalam antara muka tab menggunakan jQuery. Objektifnya adalah untuk memainkan video apabila tab yang dikaitkan dengannya diklik dan menjedanya apabila mana-mana tab lain diaktifkan.

Penyelesaian jQuery

Untuk memulakan main balik video, anda menggunakan kod jQuery berikut:

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

Walau bagaimanapun, isu ini timbul disebabkan penggunaan fungsi 'main'. Tidak seperti fungsi jQuery, 'main' ialah kaedah DOM asli. Akibatnya, anda perlu menyasarkan elemen DOM untuk melaksanakannya dengan berkesan.

JQuery yang setara dengan mengakses elemen DOM asli ialah 'dapat'. Mengintegrasikan ini ke dalam kod anda, anda boleh mencapai tingkah laku main balik yang diingini:

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

Penjelasan

Kaedah 'dapat' mendapatkan semula elemen DOM asli daripada pemilihan jQuery . Dengan menggabungkan ini dengan fungsi 'main', anda boleh mengawal main balik video secara langsung menggunakan jQuery, memastikan pengalaman yang lancar dalam antara muka tab anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memainkan dan Menjeda Video HTML5 Menggunakan jQuery dalam Antara Muka Bertab?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!