HTML YouTube Video

Berjuang dengan Video Format?

Berbagai versi browser yang berbeda mendukung format video yang berbeda.

Sebelumnya dalam tutorial ini, Anda telah melihat bahwa Anda mungkin harus mengkonversi video Anda ke format video yang berbeda untuk membuat mereka bermain di semua browser.

Mengkonversi video ke format yang berbeda bisa sulit dan memakan waktu.

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

---

YouTube Video Id

YouTube akan menampilkan id (seperti XGSy3_Czz8k), jika Anda menyimpan (atau bermain) video.

Anda dapat menggunakan id ini, dan lihat video di HTML.

---

Memainkan Video YouTube di HTML

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

• Upload video ke YouTube
• Ambil catatan dari id video yang
• Mendefinisikan <iframe> elemen dalam halaman web Anda
• Biarkan titik src atribut ke URL video
• Gunakan lebar dan hight atribut untuk menentukan dimensi pemain
• Menambahkan parameter lain untuk URL

Contoh - Menggunakan iFrame (metode yang dianjurkan)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>

Parameter YouTube

autohide

Nilai 0: Kontrol pemain selalu terlihat.

Nilai 1: Kontrol pemutar menyembunyikan secara otomatis ketika video diputar.

Nilai 2 (default): Jika pemain memiliki 16: 9 atau 4: 3 rasio, sama seperti 1, jika tidak sama dengan 0. 

autoplay

Nilai 0 (default): Video tidak akan bermain secara otomatis ketika beban pemain.

Nilai 1: Video akan diputar secara otomatis ketika beban pemain. 

kontrol

Nilai 0: kontrol Player tidak ditampilkan. Beban video yang segera.

Nilai 1 (default): Pemain mengontrol layar. Beban video yang segera.

Nilai 2: Pemain mengontrol tampilan, tapi video tidak memuat sebelum pengguna memulai pemutaran. 

putaran

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

Nilai 1: Video akan loop (selamanya).

playlist

Sebuah dipisahkan koma daftar video untuk bermain (di samping URL asli).

---

YouTube <object> Sematan

YouTube <object> embeds yang ditinggalkan dari Januari 2015.

Anda harus bermigrasi aplikasi Anda untuk menggunakan <iframe> embeds.

Menggunakan <object> (usang)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>

Menggunakan <embed> (usang)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">

sumber:w3schools