Halo teman-teman pada kesempatan kali ini saya akan menjelaskan Cara termudah untuk memutar video di HTML, adalah menggunakan YouTube.
Bermasalah dengan format video?
Sebelumnya dalam tutorial ini, Anda telah melihat bahwa Anda mungkin harus mengkonversi video teman-teman ke format yang berbeda untuk membuat mereka bermain di semua browser. Mengkonversi video ke format yang berbeda bisa sulit dan memakan waktu. Solusi yang lebih mudah adalah dengan membiarkan YouTube memutar video di halaman web teman-teman. Bisa teman-teman lihat pada link pada sebuah video dari youtube, video tersebut akan memiliki ID yang bisa kita lihat pada link video tersebut.
Memutar Video Youtube di HTML
Untuk memutar video Anda pada halaman web, lakukan hal berikut:
- Mengunggah video ke YouTube
- Mengambil dari id video dari link video tersebut yang
- Menggunakan elemen <iframe> dalam halaman web Anda
- Biarkan titik atribut src untuk URL video
- Gunakan lebar dan tinggi atribut untuk menentukan dimensi dari pemain
- Menambahkan parameter lain untuk URL (seperti dibawah ini)
Menggunakan <iframe> (Direkomendasikan)
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k"> </iframe>
Video yang teman-teman masukan pada website dapat diplay atau diputar secara otomatis ketika website tersebut dibuka, dengan menambahkan parameter sederhana.
Nilai 0 (default): Video tidak akan berputar secara otomatis ketika website dibuka
Nilai 1: Video akan diputar secara otomatis ketika website dibuka
Membuat playlist video?
Teman-teman cukup menambahkan koma (dipisahkan ) di link video untuk diputar (di samping URL asli).
Penggulangan pemutaran video?
Nilai 0 (default): Video akan diputar hanya sekali.
Nilai 1: Video akan terus berputar.
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1"> </iframe>
Kontrol Video?
Nilai 0(default): Kontroler video tidak ditampilkan
Nilai 1: Kontroler video ditampilkan
<iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?controls=0"> </iframe>
Sebenarnya dulu untuk memutar video dari Youtube di website teman-teman dapat menggunakan elemen <object> atau <embed> namun pada januari 2015, teman-teman harus menggunakan <iframe> sebagai penggantinya.
Contoh menggunakan <object> dan <embed>
<object width="420" height="315" data="http://www.youtube.com/embed/XGSy3_Czz8k"> </object>
<embed width="420" height="315" src="http://www.youtube.com/embed/XGSy3_Czz8k">
Mudah ya teman-teman. Semoga bermanfaat