Cara Embed Video YouTube di Website (Responsif)
Sematkan video YouTube yang pas di semua layar: menu Bagikan, kode responsif, waktu mulai, mode privasi, WordPress, dan tips agar halaman tetap cepat.
Buat kode embed yang rapi dan responsif untuk video YouTube mana pun, lengkap dengan waktu mulai, autoplay, loop, dan opsi privasi.
Tempel link untuk membuat kode.
Menyematkan video YouTube membuat pengunjung tetap di halaman Anda, sementara urusan streaming ditangani YouTube. Kode bawaan dari jendela Bagikan memang berfungsi, tetapi berupa kotak tetap 560×315 yang tidak pas di HP dan menyembunyikan opsi berguna seperti waktu mulai dan selesai. Generator ini membuat kode embed yang bersih dan responsif, dengan semua pengaturan dalam kotak centang sederhana, plus pratinjau langsung sebelum disalin.
| Opsi | Parameter di kode | Perlu diketahui |
|---|---|---|
| Mulai / Berhenti di | start=85&end=140 | Dalam detik; ketik 1:25 dan alat akan mengonversinya |
| Responsif | width:100%; aspect-ratio:16/9 | Memenuhi kolom di semua layar; hapus centang untuk ukuran tetap |
| Privasi ditingkatkan | youtube-nocookie.com | Tanpa cookie YouTube sampai pengunjung menekan putar |
| Putar otomatis | autoplay=1&mute=1 | Browser hanya mengizinkan autoplay tanpa suara |
| Putar berulang | loop=1&playlist=ID | YouTube butuh parameter playlist agar satu video bisa diulang |
| Tampilkan kontrol | controls=0 jika mati | Tanpa kontrol cocok untuk video latar, bukan tutorial |
| Subtitel aktif | cc_load_policy=1 | Menampilkan subtitel secara default jika tersedia |
Kode juga berisi loading="lazy" agar pemutar baru dimuat saat pengunjung menggulir mendekat, dan title deskriptif untuk pembaca layar.
<>) lalu tempel.<body>, di posisi video.Shorts juga bisa disematkan; generator mengubah link /shorts/ menjadi embed biasa. Karena Shorts vertikal, hapus centang Responsif dan atur ukuran seperti 315 × 560 agar tidak menjadi kotak lebar dengan sisi hitam.
Butuh link, bukan pemutar? Generator link dengan menit membuat link yang mulai di waktu tertentu. Panduan langkah demi langkah untuk tiap platform ada di cara embed video YouTube di website.
Tempel link video ke generator, pilih opsi, lalu klik Salin kode. Setelah itu tempel kode iframe ke halaman: di WordPress pakai blok HTML Khusus, di Blogger beralih ke tampilan HTML, di Wix atau Squarespace pakai elemen Sematkan/Kode.
Chrome, Safari, Firefox, dan Edge memblokir video yang langsung berputar dengan suara. Putar otomatis tanpa suara diizinkan, jadi generator otomatis menambahkan mute=1 saat opsi itu dicentang.
Pemutar dimuat dari youtube-nocookie.com dan tidak menyimpan cookie YouTube pada pengunjung sampai mereka menekan putar. Tampilan dan fungsinya sama, dan membantu website yang peduli aturan data pribadi.
Centang Responsif. Kode memakai width:100% dan aspect-ratio:16/9 sehingga pemutar memenuhi wadahnya di HP dan komputer tanpa garis hitam atau CSS tambahan.
Pemilik mungkin mematikan fitur sematkan, videonya pribadi, dibatasi usia, atau diblokir di negara pengunjung, atau link-nya salah. Uji dulu di pratinjau langsung: jika gagal di sana, akan gagal juga di website.
Bisa. Isi Mulai di dan Berhenti di. Pemutar mulai di waktu pertama dan berhenti di waktu kedua, cocok untuk menampilkan potongan dari tutorial atau live yang panjang.
Sematkan video YouTube yang pas di semua layar: menu Bagikan, kode responsif, waktu mulai, mode privasi, WordPress, dan tips agar halaman tetap cepat.
Temukan ID 11 karakter video YouTube di link watch, youtu.be, Shorts, embed, dan live, di komputer atau HP, serta cara mengambil ID dari banyak link sekaligus.
Bagikan video YouTube yang mulai di menit dan detik tertentu: lewat komputer, HP, parameter ?t=, atau waktu yang bisa diklik di komentar.