Video

Persiapkan Video Anda

Pertama, pastikan Anda memiliki file video yang ingin Anda tambahkan ke halaman HTML. Video ini dapat berupa file MP4, WebM, atau Ogg.


Buat Struktur Dasar HTML

Mulailah dengan membuat struktur dasar halaman HTML. Anda dapat menggunakan kode berikut sebagai contoh:


<!DOCTYPE html>
<html>
<head>
    <title>Contoh Video HTML</title>
</head>
<body>
    <!-- Tempatkan video di sini -->
</body>
</html>

Tambahkan Tag <video>

Di dalam elemen <body>, tambahkan tag <video> untuk menampilkan video. Anda dapat menggunakan atribut src untuk menentukan lokasi file video dan atribut controls untuk menambahkan kontrol pemutaran video. Contoh:


<video src="namafilevideo.mp4" controls></video>

Pastikan untuk menggantikan "namafilevideo.mp4" dengan lokasi dan nama file video Anda yang sebenarnya.


Opsional: Atur Lebar dan Tinggi Video

Anda juga dapat menentukan lebar dan tinggi video menggunakan atribut width dan height. Contoh:


<video src="namafilevideo.mp4" width="640" height="360" controls></video>

Tambahkan Pesan Kesalahan

Tambahkan pesan kesalahan yang akan ditampilkan jika browser tidak dapat memutar video. Ini dapat dilakukan dengan menambahkan teks di dalam tag <video>. Contoh:


<video src="namafilevideo.mp4" width="640" height="360" controls>
    Maaf, browser Anda tidak mendukung pemutaran video.
</video>

Simpan dan Lihat Hasilnya

Simpan file HTML Anda dan buka di browser. Anda sekarang seharusnya dapat melihat video Anda dengan kontrol pemutaran.


Itulah tutorial dasar tentang cara menambahkan video ke halaman HTML menggunakan tag <video>. Anda dapat menyesuaikan atribut dan gaya sesuai kebutuhan desain Anda.

PREVIOUS
NEXT