MulaiCode
HTML

HTML YouTube

Pelajari cara menyematkan video dari YouTube ke halaman HTML menggunakan iframe.

HTML YouTube Videos

YouTube menyediakan cara mudah untuk menyisipkan (embed) video ke dalam halaman HTML dengan menggunakan tag <iframe>.


Menyematkan Video YouTube

Untuk menyisipkan video dari YouTube, salin kode embed dari halaman video, atau gunakan struktur berikut:

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/dQw4w9WgXcQ"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
></iframe>

Parameter URL YouTube

Kamu dapat menambahkan parameter ke URL src untuk mengatur perilaku pemutar:

ParameterDeskripsi
autoplay=1Memulai video secara otomatis
controls=0Menyembunyikan kontrol pemutar
loop=1Mengulang video secara terus-menerus
mute=1Memulai video dalam keadaan mute
start=10Memulai pemutaran dari detik ke-10

Contoh:

<iframe
  src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1&loop=1&playlist=dQw4w9WgXcQ"
  width="560"
  height="315"
  allow="autoplay"
></iframe>

Tips

  • Gunakan ukuran responsif dengan CSS (misalnya menggunakan Tailwind w-full aspect-video).
  • Gunakan playlist parameter agar loop berfungsi.
  • Selalu gunakan allowfullscreen agar pengguna dapat menonton dalam layar penuh.

YouTube adalah cara populer untuk menambahkan video ke halaman web tanpa harus meng-host file video sendiri.

On this page