Vodplay merupakan salah satu layanan penyedia pemutar video (video player) berbasis web yang sering digunakan untuk menyematkan (embed) konten video ke dalam halaman situs. Penggunaan kode Vodplay HTML memungkinkan pengembang web menampilkan video secara responsif dengan cepat tanpa membebani server utama situs.
Untuk menyematkan pemutar video Vodplay ke dalam dokumen HTML, Anda memerlukan struktur tag <iframe> atau skrip khusus yang disediakan oleh platform tersebut. Berikut adalah format dasar penulisan kode embed Vodplay yang valid:
<div class="vodplay-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
<iframe src="https://vodplay.io/embed/KODE_VIDEO_ANDA" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" allowfullscreen></iframe>
</div>Atribut Parameter URL Vodplay
Anda dapat memodifikasi perilaku pemutar video dengan menambahkan parameter pada akhir URL di dalam atribut src. Berikut adalah daftar parameter utama yang didukung:
| Parameter | Nilai (Value) | Fungsi / Kegunaan |
|---|---|---|
autoplay |
0 atau 1 | Memulai pemutaran video secara otomatis saat halaman dimuat. |
mute |
0 atau 1 | Menonaktifkan suara video secara default saat pemutaran dimulai. |
loop |
0 atau 1 | Mengulang pemutaran video secara terus-menerus setelah selesai. |
controls |
0 atau 1 | Menampilkan atau menyembunyikan kontrol pemutar (play, pause, volume). |
Langkah-Langkah Implementasi Teknis
- Masuk ke dasbor akun Vodplay Anda dan pilih video yang ingin disematkan.
- Salin kode embed (iframe code) yang disediakan pada menu bagikan (share).
- Tempelkan (paste) kode tersebut ke dalam file HTML pada bagian tag
<body>di mana video ingin ditampilkan. - Sesuaikan gaya CSS pembungkus (wrapper) agar pemutar video bersifat responsif terhadap berbagai ukuran layar perangkat pengunjung.
Troubleshooting Masalah Umum
Jika video Vodplay tidak muncul atau gagal dimuat pada halaman web Anda, periksa beberapa hal berikut: pastikan URL sumber di dalam atribut src sudah benar, periksa aturan kebijakan keamanan browser (CORS atau Mixed Content jika situs Anda menggunakan HTTPS sementara link embed tidak), dan pastikan tidak ada skrip pihak ketiga yang memblokir elemen <iframe>.