Cara menggunakan Generator Kode Embed Video
- Tempel link video — YouTube (watch, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook atau file .mp4 langsung. Platform, ID, dan waktu mulai akan dibaca otomatis dari link tersebut.
- Pilih iframe responsif, atau versi lite yang hanya memuat pemutar saat diklik (halaman jauh lebih cepat).
- Atur waktu mulai dan selesai, autoplay (selalu dalam keadaan senyap karena browser memblokir autoplay dengan suara), loop, kontrol, dan caption.
- Salin kode ke elemen Embed (Webflow), blok Custom HTML (WordPress), atau halaman kamu. Opsi yang tidak didukung pemutar platform akan disembunyikan.
Platform yang didukung
YouTube (mode privasi yang ditingkatkan, mulai/selesai, caption, mode lite), Vimeo (termasuk link unlisted dengan hash, do-not-track), Loom, Wistia, Dailymotion, Twitch (video, klip, dan channel live — Twitch mewajibkan domain tempat kamu melakukan embed), Streamable, Google Drive (file yang dibagikan dengan “Siapa pun yang memiliki link”), video Facebook, dan file MP4/WebM milikmu sendiri dengan elemen HTML5 <video>.
Responsif tanpa trik wrapper
Kode ini menggunakan properti CSS aspect-ratio, jadi video memenuhi lebar container dan tetap mempertahankan bentuknya — tidak perlu trik padding-bottom. Shorts vertikal menggunakan 9:16 dan dibatasi lebarnya agar tidak terlalu besar di desktop.
Mengapa versi lite lebih cepat
Embed YouTube biasa memuat sekitar 1 MB script sebelum ada yang menekan play, yang memperlambat Largest Contentful Paint dan Total Blocking Time. Versi lite hanya menampilkan thumbnail video dan tombol play; pemutar sebenarnya baru dimuat saat diklik dan langsung berjalan. Gunakan versi ini jika halaman memiliki lebih dari satu video atau video bukan hal pertama yang dilihat pengunjung.
| Opsi | Parameter |
|---|---|
| Mode privasi yang ditingkatkan | domain youtube-nocookie.com |
| Mulai / selesai | start, end (detik) |
| Autoplay | autoplay=1&mute=1 |
| Loop | loop=1&playlist=ID |
| Caption | cc_load_policy=1 |
| Video terkait | rel=0 (hanya dari channel yang sama) |
Juga dicari sebagai: kode embed youtube, embed vimeo html, video embed responsif, embed loom, kode embed wistia, embed twitch, lite youtube embed, embed video html5.
Tool yang cocok dipakai bersama Generator Kode Embed Video
- Generator Embed Google Maps — Tampilkan kantor, toko, atau acaramu di Google Maps tanpa perlu mendaftar API key.
- Generator Banner Cookie — Tambahkan banner cookie consent ke situs apa pun — Webflow, WordPress, Shopify, atau HTML biasa — tanpa plugin berbayar.
- Uji Kecepatan Halaman — Jalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop.
- Generator OG Image — Buat gambar preview tautan yang rapi untuk Facebook, LinkedIn, X, Slack, dan WhatsApp dalam hitungan detik.