Generator Kode Embed YouTube
Tempel URL YouTube atau ID video dan hasilkan kode embed iframe yang dapat dikustomisasi. Pratinjau langsung saat Anda toggle autoplay, loop, kontrol, waktu mulai/akhir, dimensi, dan mode privasi. Salin kode embed satu baris, siap tempel.
Mendukung URL watch, link pendek <code>youtu.be</code>, URL <code>/shorts/</code>, atau ID video 11 karakter.
Tempel URL
Tempel URL watch, link /shorts/, link pendek youtu.be, atau cukup ID video 11 karakter. Kami mengekstrak ID dan memuat pratinjau langsung.
Kustomisasi pemutaran
Toggle autoplay, loop, dan kontrol. Atur waktu mulai/akhir dalam detik atau MM:SS. Pilih lebar × tinggi dengan kunci 16:9. Pilih mode privasi.
Salin & tempel
Klik Salin untuk mengambil iframe satu baris. Tempel ke HTML, Markdown, CMS, atau editor teks kaya. Pemutar dimuat pada cat pertama.
Tempel URL watch YouTube, link youtu.be, URL /shorts/, atau ID video 11 karakter dan alat ini membuat kode embed <iframe> yang dapat dikustomisasi. Toggle autoplay, loop, dan kontrol, atur waktu mulai/akhir, pilih lebar × tinggi (kunci 16:9 tersedia), dan pilih mode privasi (youtube-nocookie.com) atau standar. Pratinjau langsung, kode siap salin, tanpa unggah, tanpa daftar.
Apa itu generator kode embed YouTube?
Kode embed YouTube adalah cuplikan <iframe> kecil yang memuat pemutar YouTube di halaman Anda sendiri. Browser mengambil pemutar dari YouTube, memutar video di dalam frame, dan meneruskan kontrol pengguna melalui IFrame Player API YouTube. URL src frame — https://www.youtube.com/embed/{videoId} — adalah satu-satunya bagian yang dibaca YouTube. Semua yang lain (autoplay, loop, kontrol, mulai/akhir) ditambahkan sebagai parameter query-string yang diperiksa pemutar saat dimuat.
Generator ini membuat cuplikan tersebut untuk Anda. Tempel URL watch, link pendek youtu.be, link /shorts/, atau ID 11 karakter saja; aktifkan toggle untuk opsi pemutaran yang Anda inginkan; dan salin hasilnya. Hasilnya adalah satu iframe — tanpa JavaScript, tanpa pemuat pihak ketiga, tanpa yang perlu diinstal. Tempel ke HTML, Markdown, kolom teks kaya CMS, halaman Notion, postingan Substack, atau di mana pun embed diterima, dan pemutar langsung dimuat.
Mengapa mengkustomisasi embed?
Default berfungsi dengan baik saat embed adalah fokus halaman, tetapi jarang tepat untuk video hero, platform kursus, kiosk, atau situs pemasaran di mana video adalah konten pendukung. Autoplay + mute + loop adalah resep standar untuk hero latar belakang. Waktu mulai melewati intro sehingga kutipan mendarat pada momen yang tepat. Kontrol tersembunyi membuat embed terasa asli daripada seperti widget YouTube. Mode privasi menunda penulisan cookie hingga pengguna secara aktif memutar, yang menyederhanakan alur persetujuan berdasarkan GDPR dan aturan ePrivacy. Sebagian besar opsi ini tidak diekspos oleh salinan dialog berbagi YouTube, itulah mengapa generator terpisah berguna.
Privasi embed: cookie apa yang dijatuhkan iframe YouTube
Embed YouTube adalah panggilan jaringan ke Google. Bahkan sebelum pengguna mengklik play, iframe youtube.com/embed/{id} standar memuat JavaScript dan aset gambar dari googlevideo.com dan menetapkan beberapa cookie sesi — VISITOR_INFO1_LIVE, YSC, dan beberapa cookie analitik. Host yang ditingkatkan privasi (youtube-nocookie.com) menunda semua itu hingga pengguna benar-benar memulai pemutaran. Untuk banner persetujuan yang memblokir pelacak secara default, ini adalah perbedaan antara embed yang dimuat pada cat pertama dan embed yang memerlukan klik-melalui. Kami default ke nocookie karena sebagian besar halaman mendapat manfaat dari itu; beralih ke youtube.com hanya ketika Anda secara khusus memerlukan perilaku YouTube standar.
Mengapa autoplay hanya bekerja saat dibisukan?
Browser memblokir pemutaran audio otomatis secara default. Chrome, Safari, Firefox, dan Edge semua menerapkan kebijakan media engagement: video boleh diputar otomatis hanya jika dibisukan, atau jika pengguna sebelumnya telah berinteraksi dengan situs secara bermakna. Konsekuensi praktis untuk embed adalah autoplay=1 bekerja secara andal hanya jika dipasangkan dengan mute=1. Jika Anda menonaktifkan mute saat autoplay aktif, alat ini menampilkan peringatan dan pratinjau langsung akan diputar otomatis tanpa suara di beberapa browser dan tidak sama sekali di browser lain — persis seperti yang dialami pengunjung nyata. Solusinya adalah salah satu dari dua hal: tetap aktifkan mute, atau nonaktifkan autoplay dan biarkan pengguna menekan play sendiri. Tidak ada opsi ketiga.
youtube-nocookie.com vs youtube.com
Kedua host menyajikan pemutar dan video yang sama. Perbedaannya ada pada perilaku cookie. youtube.com menetapkan serangkaian kecil cookie sesi dan analitik pada pemuatan frame pertama — bahkan jika pengguna tidak pernah mengklik play. youtube-nocookie.com menunda penulisan cookie hingga pengguna secara eksplisit memulai pemutaran. Untuk halaman yang sebagian besar menampilkan pemutar tetapi sebagian besar pengunjung tidak menonton, host nocookie adalah default yang tepat — lebih sedikit cookie per pengunjung, alur persetujuan yang lebih sederhana berdasarkan GDPR/ePrivacy, dan perilaku identik saat pengguna benar-benar memutar video. Tidak ada perbedaan kualitas, tidak ada fitur pemutaran yang hilang, dan tidak ada penalti SEO untuk menggunakan salah satu host. Alat ini default ke nocookie karena alasan tersebut.
Parameter yang usang dan penggantinya
Beberapa parameter embed yang ada di cuplikan lama sudah tidak berlaku. showinfo=0 dan rel=0 dihentikan pada 2018 — pemutar mengabaikan keduanya. cc_load_policy=1 masih berfungsi untuk memaksa keterangan aktif, tetapi YouTube juga membaca preferensi akun penonton, jadi tidak ada jaminan. Flag enablejsapi=1 tidak usang, tetapi hanya berguna jika Anda memanggil IFrame Player API dari JavaScript di halaman host; untuk embed statis, ini hanya kebisingan. Kami menghilangkan semua ini dari cuplikan yang dihasilkan secara default — lebih sedikit byte, lebih sedikit kejutan, dan tidak ada yang akan diabaikan oleh pemutar.
Apa yang tidak termasuk dalam generator ini
Kami sengaja menghilangkan beberapa opsi yang ada di generator embed lama. showinfo, rel, dan tweak warna mandiri (color=red/white) yang sudah usang dihapus — pemutar tidak lagi membacanya. Flag fs=0 untuk menyembunyikan tombol layar penuh jarang berguna di situs nyata, sehingga tidak diekspos; Anda dapat mengeditnya ke dalam kode yang dihasilkan secara manual jika diperlukan. enablejsapi=1 hanya penting saat Anda melakukan skrip pemutar dari halaman Anda sendiri, yang merupakan alur kerja terpisah dari embed statis dan di luar cakupan di sini. Caption tersedia melalui cc_load_policy, tetapi defaultnya adalah preferensi akun penonton — menambahkan kotak centang di sini akan menyesatkan pengguna untuk berpikir itu adalah sakelar yang dijamin, jadi kami meninggalkannya.
Parameter embed sekilas
Ini adalah parameter yang benar-benar dibaca oleh IFrame Player API. Apa pun yang tidak tercantum di sini diabaikan atau sudah usang.
| Parameter | Fungsinya | Kapan menggunakannya | Default |
|---|---|---|---|
autoplay | Memulai video secara otomatis segera setelah iframe dimuat. | Loop latar belakang, video hero, demo reel — selalu dipasangkan dengan mute, jika tidak browser akan memblokirnya. | 0 (off) |
mute | Memulai video dengan audio dibisukan; pengguna dapat membunyikan melalui kontrol pemutar. | Selalu saat autoplay aktif. Kadang berguna sendiri untuk membuat affordance hover-to-play terasa kurang mengganggu. | 0 (off) |
loop | Memutar ulang video dari awal ketika selesai. Memerlukan parameter <code>playlist</code> untuk loop satu video. | Video hero, latar belakang animasi, tampilan kiosk di mana video diputar dalam siklus ketat. | 0 (off) |
controls | Menampilkan atau menyembunyikan chrome pemutar (play/pause, bilah progres, volume, pengaturan). | Sembunyikan untuk loop autoplay atau embed seni di mana UI bersaing dengan desain halaman. | 1 (visible) |
start | Memulai pemutaran pada offset detik yang diberikan, bukan dari awal. | Menautkan ke momen tertentu — mengutip pembicaraan, mengutip langkah tutorial, melompati intro. | — |
end | Menghentikan pemutaran pada offset detik yang diberikan dari awal video. | Mengembedkan segmen tunggal dari pembicaraan atau stream yang lebih panjang — pasangkan dengan <code>start</code> untuk memotong kedua sisi. | — |
| host | Beralih host iframe antara <code>youtube.com</code> dan <code>youtube-nocookie.com</code>. Pemutar sama, waktu cookie berbeda. | Situs yang mengutamakan privasi, alur persetujuan GDPR, halaman di mana sebagian besar pengunjung tidak pernah mengklik play. | youtube-nocookie.com |
Setiap baris memetakan ke satu parameter URL pada <code>src</code> iframe. Parameter yang diatur ke nilai defaultnya dihilangkan dari kode yang dihasilkan agar cuplikan tetap kecil.
Penggunaan Umum
- Postingan blog dan artikel: embed video pada timestamp tertentu menggunakan parameter start untuk melewati intro dan mengarahkan pembaca ke momen yang dikutip.
- Halaman pemasaran dan situs landing: gunakan video hero latar belakang yang dibisukan, diputar otomatis, dan berulang untuk mengatur nuansa tanpa audio bersaing dengan teks.
- Dokumentasi dan tutorial: embed segmen yang dipotong dengan waktu mulai dan akhir yang diatur, sehingga setiap langkah tertaut ke wilayah videonya sendiri.
- Website yang mengutamakan privasi: gunakan host youtube-nocookie sehingga embed dimuat tanpa menetapkan cookie pelacak hingga pengguna secara aktif menekan play.
- Kiosk dan signage digital: matikan kontrol dan loop satu video untuk tampilan yang bersih dan minimal.
- Platform kursus dan embed LMS: letakkan iframe berukuran di halaman pelajaran di mana Anda tidak dapat menjalankan skrip pihak ketiga tetapi HTML biasa diperbolehkan.
Bagaimana ini dibandingkan dengan kode embed resmi YouTube
Dialog berbagi YouTube sendiri memberi Anda kode embed, tetapi itu adalah salinan satu kali: Anda mendapatkan cuplikan tetap dengan ukuran default yang sulit dikustomisasi (560×315), kotak centang untuk waktu mulai, dan toggle mode privasi. Apa pun selain itu — toggle kontrol, melakukan loop pada satu video, mengatur waktu akhir, memilih ukuran non-default — harus diedit secara manual atau dikonfigurasi melalui IFrame Player API. Kode resmi juga lebih verbose (atribut ekstra, daftar allow yang sedikit lebih lama) daripada yang sebenarnya diperlukan pemutar.
Generator ini memberi Anda semua parameter yang dihormati pemutar dalam satu formulir, dengan pratinjau langsung yang diperbarui saat Anda toggle. Hasilnya adalah permukaan minimum yang mencerminkan pilihan Anda: default dihilangkan, parameter usang dilewati, dan atribut iframe sesuai spesifikasi allow modern. Output satu baris langsung ke clipboard sehingga dapat ditempel dengan bersih ke JSX, Markdown, dan CMS yang tidak suka dengan atribut multi-baris; tampilan multi-baris murni untuk keterbacaan manusia.
Alat YouTube terkait
- Unduh thumbnail YouTube — Ambil thumbnail satu video di setiap resolusi dari Default hingga Max HD.
- Unduh thumbnail YouTube Shorts — Sama seperti pengunduh thumbnail, tetapi dioptimalkan untuk URL /shorts/ dengan lencana SHORTS.
- Bandingkan thumbnail YouTube — Tampilkan thumbnail dua video secara berdampingan di setiap resolusi. Berguna untuk riset A/B dan studi kompetitor.
FAQ
Apakah ini berfungsi untuk video privat atau tidak terdaftar?
Video tidak terdaftar berfungsi — siapa pun yang memiliki link, termasuk src iframe, dapat menonton. Video privat tidak dapat diembed secara publik; penonton perlu masuk ke akun Google yang telah ditambahkan ke daftar izin video, dan iframe akan menampilkan pesan 'video tidak tersedia' bagi orang lain. Jika Anda mengembedkan video privat dan pengunjung tidak ada dalam daftar izin, mereka tidak akan melihat apa pun.
Mengapa tidak ada tombol unduh di pemutar?
Ketentuan layanan YouTube melarang mengunduh dari pemutar tersemat, dan IFrame API tidak menyediakan hook untuk itu. UI unduhan di dalam pemutar itu sendiri hanya untuk pengguna YouTube Premium di youtube.com — tidak pernah muncul di embed pihak ketiga. Jika Anda perlu menyimpan salinan yang dapat diunduh, unggah video ke situs Anda sendiri atau layanan yang mendukung link file langsung.
Bagaimana cara membuat embed responsif di ponsel?
Iframe berukuran tetap yang dihasilkan alat ini adalah standar YouTube, tetapi tidak mengecil di layar kecil. Solusi umum adalah membungkus iframe dalam wadah dengan position: relative; padding-bottom: 56.25%; height: 0; dan menata iframe dengan position: absolute; top: 0; left: 0; width: 100%; height: 100%;. Angka 56,25% adalah 9 ÷ 16 — begitulah cara mempertahankan rasio 16:9 di lebar apa pun. Hapus atribut width dan height dari iframe saat melakukan ini.
Bisakah saya embed pada timestamp tertentu tanpa menggunakan parameter start?
Bisa — tambahkan ?t=120 ke URL watch di YouTube dan halaman melompat ke 2 menit, tetapi pemutar iframe mengabaikan t. Untuk embed, parameternya adalah start (dalam detik). Generator ini menerima 120, 2:00, atau 0:02:00 di kolom Mulai pada dan mengonversinya untuk Anda. Parameter akhir bekerja dengan cara yang sama.
Apa perbedaan antara mode privasi dan embed bebas iklan?
Mode privasi (youtube-nocookie.com) hanya mengubah kapan YouTube menetapkan cookie — menunggu hingga pemutaran dimulai. Ini tidak menyembunyikan iklan, dan tidak menghentikan YouTube dari mengumpulkan data setelah pengguna mengklik play. Tidak ada flag embed yang menonaktifkan iklan di akun gratis; pelanggan YouTube Premium melihat pemutaran bebas iklan untuk tontonan mereka sendiri, tetapi embed itu sendiri tidak dapat menekan iklan bagi penonton lain.
Mengapa pratinjau langsung selalu menggunakan youtube-nocookie terlepas dari toggle?
Agar menjelajahi halaman ini tidak menetapkan cookie YouTube pada Anda saat Anda tidak secara eksplisit memintanya. Toggle privasi hanya mengontrol kode yang dihasilkan — cuplikan yang akan Anda salin. Iframe pratinjau di halaman ini dikunci ke youtube-nocookie.com; pengaturan toggle itulah yang masuk ke dalam kode yang Anda bawa.
Apakah parameter loop berfungsi pada satu video?
Ya, tetapi dengan keterangannya: loop=1 saja diam-diam diabaikan oleh pemutar. Untuk melakukan loop pada satu video, Anda juga perlu playlist={videoId} — ID video yang sama, diulang. Alat ini menambahkan parameter playlist secara otomatis saat Anda mengaktifkan loop, sehingga kode yang dihasilkan melakukan loop dengan bersih tanpa perlu mengingat trik tersebut.
Dalam Angka
- 200×113 minimum: di bawah ukuran ini, pemutar YouTube menyembunyikan kontrolnya sendiri dan menampilkan fallback yang lebih kecil. Di atasnya, setiap dimensi hingga 4096px di setiap sisi dirender dengan bersih. Default 560×315 adalah ukuran embed historis YouTube sendiri; 16:9 dipertahankan di pasangan mana pun yang memenuhi
height = width × 9 ÷ 16. - ~310 byte per cuplikan: iframe satu baris yang dihasilkan antara sekitar 280 hingga 360 byte tergantung opsi. Sebagai perbandingan, embed standar dialog berbagi YouTube mendekati 420 byte karena menyertakan atribut (
referrerpolicy,titlelengkap) yang tidak diperlukan secara ketat. - 2 host, 7 parameter: dua host iframe (
youtube.com,youtube-nocookie.com) dan tujuh parameter yang benar-benar dibaca pemutar (autoplay,mute,loop,playlist,controls,start,end). Apa pun di luar itu sudah usang atau hanya berguna dari IFrame JavaScript API.