Hallo, ketemu lagi dengan saya di BibipBoy.
Pada postingan kali ini kita akan membahas tutorial mengenai
Cara Memasukkan Video Dengan HTML.
Seperti yang kita ketahui, HTML dapat digunakan untuk menyisipkan berbagai media ke dalam halaman website, seperti gambar, audio, dan video.
Nah, pada tutorial kali ini saya akan membagikan cara memasukkan video ke halaman HTML dengan mudah.
Langkah-Langkah
1
Buka aplikasi text editor seperti Notepad atau Notepad++.
2
Buat file HTML baru, lalu simpan dengan format Nama_File.html.
Pada bagian Save as type, pilih All Files agar file tersimpan sebagai dokumen HTML, bukan file teks biasa.
3
Masukkan kode HTML berikut:
<!DOCTYPE html>
<html>
<head>
<title>Cara Memasukkan Video Dengan HTML</title>
</head>
<body>
<video width="480" height="640" controls autoplay>
<source src="judul video.mp4" type="video/mp4">
</video>
</body>
</html>
4
Simpan script yang sudah kalian buat di Notepad atau Notepad++.
5
Buat folder kosong terlebih dahulu, lalu masukkan file HTML yang sudah kalian buat ke dalam folder tersebut.
6
Ganti tulisan judul video.mp4 dengan nama file video yang ingin kalian tampilkan.
Pastikan ekstensi file video tetap menggunakan .mp4.
7
Masukkan juga file video yang ingin digunakan ke dalam folder yang sama dengan file HTML.
Jika nama file video berbeda, jangan lupa sesuaikan kembali nama file pada script HTML.
8
Terakhir, buka file HTML tersebut menggunakan browser seperti Google Chrome, Mozilla Firefox, atau browser lainnya.
Penjelasan Kode
1
Tag <video> digunakan untuk menampilkan video pada halaman HTML.
2
Atribut controls digunakan agar video memiliki tombol play, pause, volume, dan kontrol lainnya.
3
Atribut autoplay digunakan agar video berjalan otomatis ketika halaman dibuka.
4
Tag <source> digunakan untuk menentukan lokasi file video yang akan ditampilkan.
Tips Tambahan
1
Pastikan file video dan file HTML berada dalam folder yang sama agar video bisa terbaca.
2
Gunakan nama file video yang sederhana, misalnya video.mp4.
3
Jika video tidak muncul, periksa kembali nama file, format video, dan lokasi folder.
Nah, itulah tutorial mengenai
Cara Memasukkan Video Dengan HTML
.
Gimana? Mudah banget, kan? 😄
Dengan menggunakan tag video pada HTML, kalian bisa menampilkan video langsung di halaman website dengan mudah.
Semoga tutorial dari BibipBoy ini bisa berguna dan bermanfaat bagi para pembaca.
Selamat mencoba dan semoga berhasil 🚀
Gimana? Mudah banget, kan? 😄
Dengan menggunakan tag video pada HTML, kalian bisa menampilkan video langsung di halaman website dengan mudah.
Semoga tutorial dari BibipBoy ini bisa berguna dan bermanfaat bagi para pembaca.
Selamat mencoba dan semoga berhasil 🚀
.png)
No comments:
Post a Comment