Cara menggunakan iframe API untuk mencari link Youtube dan memutar video di halaman website

Ini adalah postingan pertamaku!

Saya akan menunjukkan cara menggunakan iframe untuk mencari dan memutar video youtube di halaman yang sama di situs web. Untuk menambahkan lebih banyak fungsi, saya telah menambahkan fitur pencarian untuk memungkinkan pengguna mencari video setelah menyalin tautan ke video tersebut. Saya telah menggunakan html, css, dan javascript!

HALAMAN HTML

Dengan mengklik tombol pencarian, fungsi pencarianVideo dipanggil.

Naskah

Youtube iframe memberikan contoh penyematan video di situs web.

Fungsi pencarian keseluruhan

1. Mendapatkan link Youtube pengguna sebagai masukan

2. Saya telah menggunakan REGEX untuk mengekstrak ID video dari tautan Youtube.

3. Sematkan ID video ke tautan iframe:

4. Sematkan iframe

// This code loads the IFrame Player API code asynchronously.

// This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.

// The API will call this function when the video player is ready.

5. CSS

Hasil Akhir

Saya harap ini membantu Anda! Lebih banyak fungsi dapat ditambahkan. Terima kasih sudah membaca.