Apa video HTML5?
HTML5 spesifikasi memperkenalkan elemen video untuk tujuan memutar video, sebagian menggantikan elemen objek.
HTML5 video yang dimaksudkan oleh penciptanya untuk menjadi cara standar baru untuk menampilkan video di web, bukan standar de facto sebelumnya menggunakan proprietary Adobe Flash Plugin, meskipun adopsi awal terhambat oleh kurangnya kesepakatan untuk yang pengkodean video format dan format pengkodean audio harus didukung dalam web browser.
Bermain dalam HTML
Sebelum HTML5, tidak ada standar untuk menampilkan video pada halaman web.
Sebelum HTML5, video hanya bisa dimainkan dengan plug-in (like flash) .
HTML5 <video> elemen menentukan cara standar untuk menanamkan video di halaman web.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh <video> elemen.
| Elemen | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3,5 | 4.0 | 10.5 |
HTML <video> Elemen
Untuk menampilkan video di HTML, gunakan <video> elemen:
Contoh
<video width="320" height="240" controls>
<source src="/html/movie.mp4" type="video/mp4">
<source src="/html/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> Cobalah sendiri " Bagaimana itu bekerja
The controls atribut menambahkan kontrol video, seperti play, pause, dan volume.
Ini adalah ide yang baik untuk selalu menyertakan width dan height atribut.
Jika tinggi dan lebar tidak diatur, browser tidak tahu ukuran video. Efeknya akan bahwa halaman akan berubah (or flicker) sedangkan beban video.
Teks antara <video> dan </video> tag hanya akan menampilkan di browser yang tidak mendukung <video> elemen.
Beberapa <source> elemen dapat link ke file video yang berbeda. browser akan menggunakan format diakui pertama.
HTML <video> Autoplay
Untuk memulai video secara otomatis menggunakan autoplay atribut:
Contoh
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> Cobalah sendiri " The autoplay atribut tidak bekerja di perangkat mobile seperti iPad dan iPhone.
HTML Video - Browser Dukungan
Saat ini, ada 3 format video yang didukung untuk <video> elemen: MP4, WebM, dan Ogg:
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (from Opera 25) | YES | YES |
HTML Video - Jenis Media
| File Format | Tipe media |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML Video - Metode, Properties, dan Acara
HTML5 mendefinisikan metode DOM, sifat, dan acara untuk <video> elemen.
Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda video, serta pengaturan durasi dan volume.
Ada juga DOM peristiwa yang dapat memberitahu Anda ketika video mulai bermain, dijeda, dll
Untuk referensi DOM penuh, pergi ke kami HTML5 Audio / Video DOM Reference .
HTML5 Video Tags
| Menandai | Deskripsi |
|---|---|
| <video> | Mendefinisikan sebuah video atau film |
| <source> | Mendefinisikan sumber daya media beberapa untuk elemen media, seperti <video> dan <audio> |
| <track> | Mendefinisikan trek teks dalam media player |