Format URL iframe video adalah struktur baris kode HTML yang digunakan untuk menyematkan (embed) konten video dari platform pihak ketiga seperti YouTube ke dalam halaman situs web Anda. Penggunaan elemen <iframe> memungkinkan pemutaran video secara langsung tanpa harus mengunggah file video berukuran besar ke server hosting Anda sendiri.
Dalam praktiknya, implementasi format ini memerlukan tautan khusus yang biasanya disediakan langsung oleh platform video melalui tombol "Bagikan" atau "Sematkan". Di platform seperti YouTube, URL standar diubah menjadi URL khusus embed yang menyertakan ID video unik beserta berbagai parameter tambahan untuk mengatur perilaku pemutar video.
Struktur Dasar Format URL Iframe Video
Format dasar penulisan tag iframe untuk video terdiri dari elemen pembuka <iframe>, atribut src yang memuat URL sumber video, dimensi lebar dan tinggi, serta atribut izin akses (permissions) seperti allowfullscreen.
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Tabel Parameter Tambahan pada URL Iframe
Anda dapat memodifikasi URL di dalam atribut src dengan menambahkan parameter tambahan di akhir URL menggunakan tanda tanya (?) dan ampersand (&) untuk mengatur fungsionalitas pemutaran.
| Parameter URL | Fungsi / Kegunaan | Contoh Penggunaan |
|---|---|---|
autoplay=1 |
Memutar video secara otomatis saat halaman dimuat. | .../embed/xyz?autoplay=1 |
mute=1 |
Mematikan suara video secara default (sering dipasangkan dengan autoplay). | .../embed/xyz?mute=1 |
loop=1 |
Mengulang video secara terus-menerus setelah selesai. | .../embed/xyz?loop=1 |
controls=0 |
Menyembunyikan kontrol pemutar video (play, pause, volume). | .../embed/xyz?controls=0 |
Langkah Penerapan di WordPress atau HTML
Bagi pengelola situs web berbasis WordPress atau pengembang web murni, proses penambahan iframe dapat dilakukan dengan mengikuti langkah teknis berikut:
- Buka platform sumber video (contoh: YouTube), lalu pilih menu Bagikan dan klik opsi Sematkan (Embed).
- Salin seluruh kode HTML
<iframe>...</iframe>yang disediakan. - Buka editor halaman web Anda, lalu masukkan kode tersebut ke dalam blok HTML kustom atau editor teks sumber.
- Sesuaikan nilai
widthdanheightatau tambahkan kelas CSS tambahan agar iframe bersifat responsif di perangkat seluler.
Tips Optimasi Performa
Menyematkan banyak video menggunakan iframe dapat memperlambat waktu muat halaman (loading speed) situs web Anda. Pastikan untuk menerapkan atribut loading="lazy" di dalam tag iframe agar browser hanya memuat video ketika pengguna menggulir layar mendekati posisi video tersebut.