Cara menggunakan html 5 adalah

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

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

Cara menggunakan html 5 adalah
Cara menggunakan html 5 adalah

Posting Daftar Isi

Kenali Video HTML5

HTML5 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

Contoh

Jika Anda ingin melihat cara kerja video HTML5, silakan lihat contoh di bawah ini


http. // www. w3schools. com/html/mov_bbb. mp4” type=”video/mp4″ />http://www.w3schools.com/html/mov_bbb.mp4” type=”video/mp4″ />
http. // www. w3schools. com/html/mov_bbb. ogg” type=”video/ogg” />http://www.w3schools.com/html/mov_bbb.ogg” type=”video/ogg” />
http. // www. w3schools. com/html/mov_bbb. webm” type=”video/webm” />http://www.w3schools.com/html/mov_bbb.webm” type=”video/webm” />
Browser Anda tidak mendukung video HTML5

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

Cara menggunakan html 5 adalah
Cara menggunakan html 5 adalah

Dukungan Peramban

Tidak semua browser mendukung tag

ElementChromeInternet ExplorerFirefoxSafariOpera