Hallo teman-teman, kali ini kita akan belajar bagaimana cara membuat video player dengan HTML5. Fungsi video player ini fitur baru yang ada di HTML5, sebelumnya untuk memutar video menggunakan bantuan dari luar html seperti javascript, flash, dll. Dengan adanya fitur ini semakin memudahkan developer untuk mengerjakanya. Oke langsung saja ikuti contoh code dibawah ini.

Cara membuat video player dengan HTML5

Maka hasilnya akan seperti ini.

cara membuat video player dengan HTML5

Tag <video>memiliki attribute width dan  height untuk mengatur ukuran lebar dan tinggi video yang ingin ditampilkan. Lalu untuk source videonya teman-teman harus menambahkan tag <source src=”nama_video.mp4” type=”video/mp4”> di dalam tag <video>. Untuk format video tidak hanya mp4 saja. Bisa juga format webm dan ogg. Seperti itu kira-kira cara membuat video player dengan HTML5. Selamat mencoba teman-teman.