HTML Video

HTML Video

Elemen <video> digunakan untuk menampilkan video di halaman web.

Atribut Penting Tag Video:

controls : Menampilkan tombol putar (play), jeda (pause), volume, dan layar penuh (fullscreen).
autoplay : Memutar video secara otomatis saat halaman selesai dimuat (diwajibkan bersama atribut muted oleh browser).
loop : Memutar video kembali dari awal secara berulang terus menerus.
poster : Menampilkan gambar sampul (thumbnail) sebelum video diputar.

Contoh Pemutar Video HTML5:

<!DOCTYPE html>
<html>
<body>

    <h3>Pemutar Video HTML5 Bawaan</h3>
    <video width="320" height="180" controls poster="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=320">
        <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
        Browser Anda tidak mendukung tag video.
    </video>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Gunakan tag <source> di dalam <video> untuk menyediakan beberapa format cadangan.

Uji Pemahaman Singkat (Test Yourself):

Atribut apa yang wajib disertakan agar pengguna dapat melihat tombol play, jeda, dan pengatur volume video?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

Atribut Penting Tag Video:

Selesaikan Topik Ini

HTML Tutorial