Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengawal Pemain YouTube Sedia Ada dengan API JavaScript?

Bagaimana untuk Mengawal Pemain YouTube Sedia Ada dengan API JavaScript?

Susan Sarandon
Lepaskan: 2024-11-17 15:24:01
asal
288 orang telah melayarinya

How to Control Pre-Existing YouTube Players with the JavaScript API?

Mengawal Pemain iFrame Sedia Ada dengan API YouTube

Memahami Cabaran

Anda mahu mengawal pemain YouTube yang telah dibenamkan dalam HTML anda menggunakan API JavaScript. Kaedah API iframe standard untuk menambah video baharu tidak terpakai kepada pemain sedia ada.

Penyelesaian Menggunakan Fungsi Tersuai: callPlayer

Untuk menangani isu ini, kami akan menggunakan fungsi tersuai yang dipanggil callPlayer. Fungsi ini membolehkan anda memanggil pelbagai fungsi pemain YouTube pada mana-mana video YouTube berbingkai pada halaman anda.

function callPlayer(frame_id, func, args) {
  // ... (function implementation)
}
Salin selepas log masuk

Penggunaan:

Sebaik sahaja anda mempunyai fungsi ini, anda boleh gunakannya seperti ini:

callPlayer("whateverID", function() {
  // This function runs once the player is ready ("onYouTubePlayerReady")
});

// When the player is not ready yet, the function will be queued.
// If the iframe cannot be found, a message is logged in the console.
callPlayer("whateverID", "playVideo");
Salin selepas log masuk

Menyelesaikan Biasa Isu:

S: Video tidak akan dimainkan.
J: Main semula memerlukan interaksi pengguna dan kehadiran allow="autoplay" dalam URL iframe.

S: Saya mendapat mesej ralat "Rentetan yang tidak sah atau tidak sah ialah ditentukan".
J: Anda perlu menambah ?enablejsapi=1 di hujung URL iframe anda.

S: API tidak berfungsi pada hos tempatan (fail://).
J: Hos halaman anda dalam talian atau gunakan JSFiddle untuk ujian.

Ciri Tambahan:

  • Fungsi boleh dibariskan apabila pemain belum bersedia.
  • Anda boleh memanggil "onYouTubePlayerReady" acara dengan sintaks berikut: callPlayer('frame_id', function() { ... } ).
  • Sokongan API penuh tersedia dengan pelaksanaan yang berkaitan dalam jawapan berasingan: "Mendengar Acara Youtube dalam jQuery."

Atas ialah kandungan terperinci Bagaimana untuk Mengawal Pemain YouTube Sedia Ada dengan API JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan