Video YouTube HTML

Cara paling mudah untuk menyangga video di HTML adalah menggunakan YouTube.

Kekacauan tentang format video?

Mengubah format video dapat sulit dan memakan waktu.

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

Id Video YouTube

Saat menyimpan (atau memutar) video, YouTube akan menampilkan id (contoh: ih1l6wb7LhU).

Anda dapat menggunakan id ini dan mengutip video Anda di kode HTML.

Sisihkan YouTube di HTML

Untuk memutar video di halaman web, lakukan hal berikut:

  • Unggah video ke YouTube
  • Catat id video
  • didefinisikan di halaman web Anda <iframe> elemen
  • Biarkan src properti untuk menunjuk URL video
  • Gunakan width dan height Properti untuk menentukan ukuran pemutar
  • Tambahkan parameter lain ke URL (lihat di bawah ini)

Contoh

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

Coba Sendiri

YouTube Autoplay + Tidur

Anda dapat memulai pemutaran video otomatis saat pengguna mengakses halaman dengan menambahkan autoplay=1 di URL YouTube. Tetapi, pemutaran video otomatis dapat menyebabkan pengunjung Anda merasa gangguan!

Perhatian:Dalam sebagian besar kasus, peramban Chromium tidak mengijinkan pemutaran otomatis. Tetapi selalu mengijinkan pemutaran otomatis yang diam.

Dalam autoplay=1 Tambahkan kemudian mute=1Bisa membuat video Anda dimulai secara otomatis (tetapi diam).

YouTube - Autoplay + Muted

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

Coba Sendiri

YouTube Playlist

Daftar video yang akan diputar, dipisahkan dengan koma (URL asli dikecualikan).

YouTube Loop

Tambahkan loop=1 Akan membuat video Anda berulang selamanya.

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

Nilai 1: Video akan berulang (selamanya).

YouTube - Loop

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

Coba Sendiri

YouTube Control

Tambahkan controls=0 Akan membuat pemutar video tidak menampilkan kontrol.

Nilai 0: Tampilan kontrol pemutar tidak ditampilkan.

Nilai 1 (default): Tampilan kontrol pemutar ditampilkan.

YouTube - Controls

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

Coba Sendiri