Hallo teman-teman sekalian, kali ini kita akan belajar bagaimana cara menampilkan video didalam website. Sebelumnya perlu kita ketahui video didalam suatu website merupakan suatu media promosi kita kepada pelanggan maupun pengunjung yang datang agar dapat tertarik dengan produk maupun jasa yang kita tawarkan didalam website tersebut. Penggunaan video tersebut memudahkan suatu pemilik website untuk menggambarkan maksud dan tujuan dibuatkannya website tersebut.
Walaupun tidak semua video yang dimasukan kedalam website merupakan maksud dari pembuatan website tersebut. Tetapi video tersebut akan memudahkan pemilik website untuk menarik pengunjung agar dapat memilih produk maupun jasa yang diberikan.
Oke langsung saja, untuk menampilkan atau menyematkan video didalam sebuah website kita akan menggunakan HTML versi 5. HTML ini telah melakukan banyak penambahan dalam membuat tampilan yang sangat bermanfaat bagi pengembang website. Tidak hanya video, HTML v5 tersebut kita bisa gunakan untuk membuat game sederhana seperti flappy bird, RPG dll.
Untuk menambahkan video, dalam HTML v5 ini menyediakan tag <video> yang memiliki attribute seperti :
- Witdh digunakan untuk mengatur lebar video
- Autoplay digunakan agar video berjalan otomatis ketika website pertama kali dibuka
- Height digunakan untuk mengatur tinggi video
- control digunakan untuk menampilkan navigasi seperti pause, sound, durasi dll
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
</body>
</html>
Akan tetapi penggunaan video menggunakan HTML v5 ini memiliki kekurangan diantaranya format video hanya Mp4 (video/mp4) , WebM (video/webm), dan Ogg (video/ogg).
Lev Yasin
Instruktur Web Programming Mataweb
Sangat tertarik dengan dunia Pemrograman Web & Mobile, saat ini fokus pada bagian Backend Web Developer, menggunakan PHP sebagai bahasa pemrograman utama, biasanya saya menggunakan Laravel.
28 Mar 2019
Lev Yasin
2351
Web Programming
