Video YouTube HTML


Cara termudah untuk memutar video dalam HTML, adalah dengan menggunakan YouTube.


Berjuang dengan Format Video?

Mengonversi video ke format yang berbeda bisa jadi sulit dan memakan waktu.

Solusi yang lebih mudah adalah membiarkan YouTube memutar video di halaman web Anda.


ID Video YouTube

YouTube akan menampilkan id (seperti tgbNymZ7vqY), saat Anda menyimpan (atau memutar) video.

Anda dapat menggunakan id ini, dan merujuk ke video Anda dalam kode HTML.


Memutar Video YouTube dalam HTML

Untuk memutar video Anda di halaman web, lakukan hal berikut:

  • Unggah videonya ke YouTube
  • Catat id videonya
  • Tentukan <iframe>elemen di halaman web Anda
  • Biarkan srcatribut mengarah ke URL video
  • Gunakan atribut widthdan heightuntuk menentukan dimensi pemain
  • Tambahkan parameter lain ke URL (lihat di bawah)

Contoh

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

Putar Otomatis YouTube + Bisukan

Anda dapat membiarkan video Anda mulai diputar secara otomatis saat pengguna mengunjungi halaman, dengan menambahkan autoplay=1URL YouTube. Namun, memulai video secara otomatis mengganggu pengunjung Anda!

Catatan: Browser Chromium tidak mengizinkan putar otomatis dalam banyak kasus. Namun, putar otomatis tanpa suara selalu diizinkan.

Tambahkan mute=1setelah autoplay=1agar video Anda mulai diputar secara otomatis (tetapi dibisukan).

YouTube - Putar Otomatis + Dibisukan

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>


Daftar Putar YouTube

Daftar video yang dipisahkan koma untuk diputar (selain URL asli).


Putaran YouTube

Tambahkan loop=1untuk membiarkan video Anda berputar selamanya.

Nilai 0 (default): Video hanya akan diputar sekali.

Nilai 1: Video akan berulang (selamanya).

YouTube - Putaran

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>

Kontrol YouTube

Tambahkan controls=0untuk tidak menampilkan kontrol di pemutar video.

Nilai 0: Kontrol pemutar tidak ditampilkan.

Nilai 1 (default): Tampilan kontrol pemutar.

YouTube - Kontrol

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>