Pembuat kode embed video YouTube

Buat kode embed yang rapi dan responsif untuk video YouTube mana pun, lengkap dengan waktu mulai, autoplay, loop, dan opsi privasi.

Kode embed
Tempel link untuk membuat kode.

Pratinjau langsung muncul di sini.

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.

Cara membuat kode embed

  1. Tempel link video YouTube: link watch, youtu.be, Shorts, dan live semuanya bisa.
  2. Opsional: isi Mulai di dan Berhenti di untuk menampilkan sebagian saja.
  3. Centang yang Anda perlukan: Responsif, Mode privasi yang ditingkatkan, Putar otomatis (tanpa suara), Putar berulang, Tampilkan kontrol, dan Subtitel aktif.
  4. Periksa pratinjau langsung, klik Salin kode, lalu tempel ke website Anda.

Fungsi setiap opsi

OpsiParameter di kodePerlu diketahui
Mulai / Berhenti distart=85&end=140Dalam detik; ketik 1:25 dan alat akan mengonversinya
Responsifwidth:100%; aspect-ratio:16/9Memenuhi kolom di semua layar; hapus centang untuk ukuran tetap
Privasi ditingkatkanyoutube-nocookie.comTanpa cookie YouTube sampai pengunjung menekan putar
Putar otomatisautoplay=1&mute=1Browser hanya mengizinkan autoplay tanpa suara
Putar berulangloop=1&playlist=IDYouTube butuh parameter playlist agar satu video bisa diulang
Tampilkan kontrolcontrols=0 jika matiTanpa kontrol cocok untuk video latar, bukan tutorial
Subtitel aktifcc_load_policy=1Menampilkan subtitel secara default jika tersedia

Kode juga berisi loading="lazy" agar pemutar baru dimuat saat pengunjung menggulir mendekat, dan title deskriptif untuk pembaca layar.

Di mana menempel kode

  • WordPress: tambahkan blok HTML Khusus lalu tempel. (Blok YouTube biasa tidak bisa mengatur mulai/berhenti atau mode privasi.)
  • Blogger: buka postingan, beralih ke tampilan HTML, lalu tempel di tempat video akan muncul.
  • Wix, Squarespace, Webflow: pakai elemen Sematkan atau Kode.
  • Shopify: di halaman atau deskripsi produk, klik Tampilkan HTML (<>) lalu tempel.
  • HTML biasa: tempel di dalam <body>, di posisi video.

Menyematkan Shorts dan video vertikal

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.

Tips kecepatan dan SEO

  • Cukup satu atau dua video per halaman. Setiap pemutar memuat skrip; terlalu banyak membuat halaman lambat.
  • Tulis tentang video di halaman. Mesin pencari tidak bisa menonton video, jadi ringkasan, poin penting, atau transkrip membantu peringkat.
  • Untuk halaman yang sangat butuh kecepatan, tampilkan gambar dulu dan muat pemutar saat diklik. Alat ukuran thumbnail menampilkan dan mengunduh semua ukuran gambar video.
  • Hormati data pengunjung. Mode privasi yang ditingkatkan adalah perbaikan sederhana.

Mengatasi masalah

  • “Video tidak tersedia”: fitur sematkan dimatikan, atau video pribadi, dibatasi usia, atau diblokir di wilayah tertentu.
  • Putar otomatis tidak jalan: harus tanpa suara, dan sebagian HP tetap memblokirnya dalam mode hemat daya.
  • Pengulangan kembali ke 0:00, bukan waktu mulai Anda: begitulah cara loop YouTube bekerja; untuk mengulang potongan, potong videonya.
  • Pemutar meluber di HP: pastikan Responsif dicentang dan tema tidak memaksa tinggi tetap pada iframe.

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.

Pertanyaan yang sering diajukan

Bagaimana 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.

Kenapa putar otomatis hanya jalan tanpa suara?

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.

Apa itu mode privasi yang ditingkatkan?

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.

Bagaimana agar video embed responsif?

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.

Kenapa muncul tulisan Video tidak tersedia?

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.

Bisakah hanya menyematkan sebagian video?

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.

Baca juga