Wednesday , December 2 2020
Home » HTML 5 » Membuat Pemutar Video di HTML

Membuat Pemutar Video di HTML

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.

Advertisements

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.

Advertisements

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.

Membuat Pemutar Video di HTML

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.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

Membuat Form di HTML

Membuat Form di HTML

Membuat Form di HTML Lebakcyber.net – Membuat form di HTML. Pada kesempatan kali ini kita …

Leave a Reply

Your email address will not be published. Required fields are marked *