Komentar: Sebagian besar video ditampilkan melalui plug-in (seperti flash). Namun, tidak semua browser memiliki plug-in yang sama, HTML5 menentukan cara standar untuk memasukkan video melalui elemen video, yang dapat digunakan untuk menyelesaikan pemutaran video
Saat ini, sebagian besar video ditampilkan melalui plugin (seperti flash). Namun, tidak semua browser memiliki plug-in yang sama.HTML5 menentukan cara standar untuk memasukkan video melalui elemen video.
Di HTML5, elemen video saat ini mendukung tiga format file video.
1.OGG = file ogg dengan pengkodean video Theora dan encoding 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 encoding audio vorbis
Jadi bagaimana cara menampilkan video di HTML5? Contohnya adalah sebagai berikut:
<Video SRC = "Demo.mp4" Controls = "Controls"> Browser Anda tidak mendukung format video ini. </dide>
Oke, mari kita jelaskan arti dari setiap atribut dalam elemen video. Di antara mereka, lebar dan tinggi tidak akan dijelaskan. Kami terutama berbicara tentang kontrol. Seperti namanya, kontrol adalah kontrol, haha, mereka adalah kontrol seperti pemutaran video, jeda volume, dll. Karakter Cina yang dimasukkan di tengah elemen video, Anda harus tahu bahwa mereka pintar, dan mereka meminta pengguna bahwa browser tidak mendukung penggunaan format video.
Perlu dicatat bahwa untuk memastikan bahwa itu cocok untuk browser Safari, file video harus dari tipe MP4. Video format OGG cocok untuk browser Firefox, Opera dan Chrome. Internet Explorer 8 tidak mendukung elemen video. Di IE 9, dukungan untuk elemen video menggunakan MPEG4 disediakan.
Tentu saja, jika kami tidak yakin format video apa yang didukung browser kami, kami dapat memeriksanya terlebih dahulu. Metode deteksi tersedia di posting blog lain. Jika Anda tertarik, Anda dapat memeriksanya. Jika Anda tidak ingin merepotkan, apa yang harus Anda lakukan? Kita bisa melakukan ini:
<control video = "kontrol">
<Source src = "movie.ogg" type = "video/ogg">
<Source src = "film.mp4" type = "video/mp4">
Browser Anda tidak mendukung format video ini.
</dide>
Elemen video memungkinkan beberapa elemen sumber. Elemen sumber dapat menautkan file video yang berbeda. Browser akan menggunakan format yang dapat dikenali pertama, jadi kita hanya perlu menyiapkan beberapa video lagi dalam format yang berbeda.
Selanjutnya, kami akan memperkenalkan properti beberapa tag video.
1.Autoplay: Properti ini muncul berarti bahwa video akan diputar secara otomatis saat siap. Penggunaan: Autoplay = Autoplay
2.Controls: Properti ini muncul berarti bahwa pengguna ditampilkan dengan kontrol, seperti tombol putar, dll. Penggunaan: Kontrol = Kontrol
3.Height: Setel tinggi
4.width: atur lebar
5.Loop: Replay Otomatis, Penggunaan: Loop = Loop
6. Preload: Video dimuat dan siap diputar saat halaman dimuat. Penggunaan: preload = otomatis
Otomatis - Muat seluruh video setelah halaman memuat
Meta - Hanya metadata yang dimuat setelah halaman dimuat
Tidak ada - video tidak dimuat setelah halaman dimuat
Catatan: Jika autoplay digunakan, preload diabaikan.
7.SRC: URL untuk memutar video