Lebak Cyber Tips dan Trik Komputer
Cara buat Pemutar Video di HTML
Lebakcyber.net – Membuat pemutar video di HTML. Pada kesempatan kali ini kita akan membahas mengenai bagaimana cara membuat buah pemutar video yang nantinya akan di tampilkan pada file HTML yang kita buat.
Untuk membuat sebuah pemutar video pada halaman HTML yang sedang kita buat caranya sangat mudah, kita hanya perlu element yang ada pada HTML 5. Element yang dibutuhkan untuk memutar sebuah video pada HTML adalah <video> .. </video>.
Yang dibutuhkan untuk membuat sebuah pemutar video pada HTML adalah file video yang akan diputar pastinya. Kita bisa menyimpan file video tersebut pada folder yang sama dimana kita membuat file HTML tersebut, atau juga dapat disimpan pada folder terpisah.
Kalau videonya disimpan dalam folder yang berada diluar file HTML yang kita buat, kita harus menambahkan ../nama_folder/nama_video untuk mengakses videonya.
Kalau videonya berada didalam folder yang sama dengan file HTML yang dibuat namun videonya disimpan didalam sebuah folder lagi, kita bisa menambahkan /nama_folder/nama_video.
Kalau videonya berada di dalam folder yang sama dengan file HTML yang kita buat, kita hanya perlu memanggil langsung nama dari file video yang ingin diputar, contohnya seperti berikut ini :
<!DOCTYPE html>
<html>
<head>
<title>Cara Bikin Pemutar Video di HTML - Lebak Cyber</title>
</head>
<body>
<h1>Contoh Video Yang di Putar - Lebak Cyber</h1>
<br>
<video width="400px" height="350px" controls>
<source src="D:\The_Simpsons.mp4" type="video/mp4">
</video>
</body>
</html>
Setelah dibuka file HTMLnya, nanti tampilannya akan seperti dibawah ini dan video yang dimasukan siap untuk diputar.
Oke jadi seperti itulah bagaimana cara menambahkan sebuah video yang dapat diputar pada halaman HTML, semoga tutorial sederhana ini dapat bermanfaat dan sampai jumpa di tutorial belajar HTML lainnya.
