Video YouTube HTML

Paling mudah untuk memasukkan video ke HTML adalah dengan menggunakan YouTube.

Kesulitan dalam memilih format video?

Mengubah format video boleh sukar dan memakan masa.

Penyelesaian yang lebih mudah adalah memainkan video YouTube di halaman web anda.

ID Video YouTube

Saat menyimpan (atau memainkan) video, YouTube akan menunjukkan ID (contohnya ih1l6wb7LhU).

Anda boleh menggunakan ID ini dan mengutip video anda dalam kod HTML.

Tambahkan video YouTube ke HTML

Untuk memainkan video di halaman web, lakukan langkah berikut:

  • Unggah video ke YouTube
  • Ingatkan ID video
  • didefinisikan di halaman web anda <iframe> elemen
  • Buat src properti untuk menunjuk URL video
  • Gunakan width dan height Properti untuk menentukan saiz pemain
  • Tambahkan parameter lain ke URL (lihat di bawah)

Contoh

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

Coba Sendiri

YouTube Autoplay + Muting

Anda boleh memulakan pemain video secara automatik apabila pengguna mengakses halaman dengan menambahkan autoplay=1 ke URL YouTube. Walau bagaimanapun, memulakan pemain video secara automatik akan membuat pengunjung anda merasa kesal!

Perhatian:Dalam kebanyakan kes, peramban Chromium tidak mengizinkan pemutaran otomatis. Tetapi selalu mengizinkan pemutaran otomatis yang dipasang suara.

Di autoplay=1 Tambah kemudian mute=1Dapat memulai pemutaran video anda secara automatik (tetapi dipasang suara).

YouTube - Auto Play + Mutated

<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 dimainkan, dipisahkan dengan koma (URL asli dikecuali).

YouTube Loop

Tambah loop=1 Akan membuat video anda berputar ulang selamanya.

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

Nilai 1: Video akan putar ulang (selamanya).

YouTube - Putar Ulang

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

Coba Sendiri

Kawalan YouTube

Tambah controls=0 Akan membuat pemutar video tidak menunjukkan kawalan.

Nilai 0: Kawalan pemutar tidak ditunjukkan.

Nilai 1 (default): Kawalan pemutar ditunjukkan.

YouTube - Kawalan

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

Coba Sendiri