Penggunaan file multimedia dalam sebuah website merupakan hal yang lumrah untuk memperkaya informasi dan meningkatkan interaktivitas. Dari semua file multimedia yang ada, video adalah jenis file terbaik untuk menyampaikan informasi di website Show Sayangnya, beberapa web developer pemula biasanya kesulitan menampilkan video di website. Biasanya hal ini dikarenakan keterbatasan diri berpikir bahwa menampilkan video harus menggunakan tambahan plugin javascript Bahkan, saat ini sudah ada teknik Video HTML5 yang bisa menampilkan video secara simpel dan super mudah Posting Daftar Isi Kenali Video HTML5HTML5 video adalah istilah yang digunakan untuk menampilkan video dengan menggunakan tag Jika Anda menggunakan video HTML5, Anda juga harus menggunakan deklarasi HTML5 dan elemen HTML5 lainnya sehingga dokumen HTML Anda adalah HTML5 yang valid ContohJika Anda ingin melihat cara kerja video HTML5, silakan lihat contoh di bawah ini
Browser Anda tidak mendukung video HTML5 Jadi, jika ingin menampilkan video dengan html5, salin saja kode di atas. Yang perlu Anda ubah adalah url ke file video, yang saya beri warna merah Perlu Anda ketahui bahwa pada setiap browser, tampilan pemutar video HTML5 berbeda-beda, seperti gambar di bawah ini Dukungan PerambanTidak semua browser mendukung tag Tag , Child tag dan atributnyaJenis file dan dukungan browserAda 3 jenis format file video untuk video HTML5 yaitu. mp4,. ogg, dan. webm. Ketiga jenis file ini ada untuk masalah crossbrowser. Artinya, di browser hanya ada satu jenis. mp4 yang didukung, sedangkan di browser 2 saja. ogg dan. didukung webm. Nah, sebaiknya gunakan ketiga format tersebut agar bisa maksimal ditampilkan di banyak browser Silakan lihat tabel di bawah untuk dukungan browser untuk format video yang lebih jelas Atribut dan KontrolTag Untuk atribut lainnya, Anda dapat melihatnya pada tabel berikut. Untuk contoh dan detail, silakan klik nama atribut AttributeValueDescriptionautoplayTidak harus diisi. Menentukan video untuk diputar secara otomatis saat web selesai dimuat. kontrolTidak boleh diisi Menentukan bahwa kontrol (seperti tombol putar/jeda, atau bilah kemajuan) muncul. piksel tinggi (mis. 300px) Menentukan tinggi loop pemutar video Tidak boleh diisi Menentukan bahwa video diulang/diputar lagi terus menerus setelah selesai. dibisukanTidak boleh diisi Menentukan bahwa video dibisukan posterURL (mis. Menentukan sumber file gambar yang muncul di pemutar video saat video tidak berjalan. preloadautometadata noneMenentukan bagaimana video seharusnya tampil sebelum di mainkan ketika website sudah dimuat.srcURL (ex.Menentukan sumber file video jika tidak menggunakan tag |