Embed Video Dengan HTML

Hay, kali ini saya akan mengajarkan bagaimana cara menyematkan Video menggunakan HTML. HTML 5 hadir dengan kemampuan yang lebih lengkap dibanding versi terdahulunya, kini dengan HTML 5 kita dapat memasukan media yang tak hanya gambar, melainkan seperti Video dan Audio dalam website. Tidak hanya itu kitapun bisa membuat game sederhana hanya dengan HTML.

Untuk menyematkan Video, HTML menyediakan tag <video> yang memiliki attribute sebagai berikut:

1. width, mengatur lebar video

2. height, mengatur tinggi video

3. autoplay, membuat video akan jalan secara otomatis

4. control, menampilkan kontrol navigasi seperti pouse, sound, maximize, dan duration.

Ini berlaku untuk video dengan format, Mp4 (video/mp4), WebM (video/webm) dan Ogg (video/ogg).

Try it yourself