HTML5 <Video> Tag mendukung 3 format video yang umum digunakan:
1. OGG = file ogg dengan pengkodean video dan pengkodean audio vorbis;
2. MPEG4 = file MPEG 4 dengan pengkodean video H.264 dan pengkodean audio AAC;
3. Webm = File Webm dengan pengkodean video VP8 dan pengkodean audio Vorbis.
Saat ini, browser arus utama memiliki dukungan berbeda untuk format video. Saya percaya bahwa hari HTML5 secara resmi dirilis akan mendukung lebih banyak format video, membawa banyak manfaat bagi pengembang dan pengguna.
Mari kita bicara tentang penggunaan video tag video HTML5. Jika Anda perlu menampilkan video di browser, yang Anda butuhkan hanyalah menyalin kode berikut:
<video src = film.ogg width = 320 tinggi = 240 kontrol = kontrol>
Browser Anda tidak mendukung tag video.
</dide>
Kontrol Properti untuk Menambahkan Play, Jeda, dan Kontrol Volume. Ini juga merupakan ide yang baik untuk memasukkan lebar lebar dan sifat tinggi. Konten yang dimasukkan antara <Video> dan </sheam> ditampilkan oleh browser yang tidak mendukung elemen video.
Kode di atas menggunakan file OGG yang berfungsi untuk Firefox, Opera, dan Google Chrome. Untuk memastikan bahwa itu cocok untuk browser Safari, file video harus dalam format MPEG4. IE8 tidak mendukung tag HTML5 <Dideo>, dan IE9 mendukung tag ini, tetapi juga harus menggunakan format MPEG4.
Elemen video memungkinkan beberapa elemen sumber. Elemen sumber dapat menautkan file video dalam berbagai format. Browser mendeteksi dan menggunakan format pertama yang dapat dikenali, kode ini adalah sebagai berikut:
<Lebar Video = 320 Tinggi = 240 Kontrol = Kontrol>
<Sumber src = film.ogg type = video/ogg>
<Source src = film.mp4 type = video/mp4>
Browser Anda tidak mendukung tag video.
</dide>
Berikut ini adalah sifat umum dari tag <video>:
| milik | nilai | menggambarkan |
Autoplay | Autoplay | Jika properti ini muncul, video akan diputar segera setelah siap. |
Kontrol | Kontrol | Jika properti ini muncul, kontrol ditampilkan kepada pengguna, seperti tombol putar. |
tinggi | piksel | Atur ketinggian pemutar video. |
lingkaran | lingkaran | Jika properti ini muncul, pemutaran dimulai lagi ketika file media selesai diputar. |
preload | preload | Jika properti ini muncul, video dimuat saat halaman dimuat dan siap diputar. Jika autoplay digunakan, properti ini diabaikan. |
SRC | url | URL video untuk diputar. |
lebar | piksel | Mengatur lebar pemutar video. |
Munculnya video tag video HTML5 telah sangat meningkatkan pengalaman pengguna di web dan akan membuatnya lebih nyaman bagi pengguna untuk menelusuri dan digunakan.