Bagaimana untuk memaparkan video dalam HTML5 kemahiran tutorial main balik video HTML5

Hari ini, kebanyakan video dipaparkan melalui pemalam seperti Flash. Walau bagaimanapun, tidak semua pelayar mempunyai pemalam yang sama.

HTML5 menentukan cara standard untuk memasukkan video melalui elemen video.
Dalam HTML5, elemen video pada masa ini menyokong tiga format fail video,
1.Ogg = Fail Ogg dengan pengekodan video Theora dan pengekodan audio Vorbis
2.MPEG4 = dengan fail MPEG 4 video H.264 dengan pengekodan dan pengekodan audio AAC
3.WebM = Fail WebM dengan pengekodan video VP8 dan pengekodan audio Vorbis

Jadi bagaimana untuk memaparkan video dalam HTML5? Contohnya adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

Baiklah, sekarang mari kita jelaskan maksud setiap atribut dalam elemen video. Saya akan bercakap tentang kawalan adalah kawalan , Haha, ini adalah kawalan untuk main balik, kelantangan dan jeda. Sekiranya anda bijak, anda mesti tahu bahawa aksara Cina yang diselitkan di tengah-tengah elemen video adalah peringatan bahawa pelayar pengguna tidak menyokong penggunaan format video.

Perlu diingatkan bahawa untuk memastikan ia sesuai untuk pelayar Safari, fail video mestilah daripada jenis MP4. Video format ogg sesuai untuk pelayar Firefox, Opera dan Chrome. Internet Explorer 8 tidak menyokong elemen video. Dalam IE 9, akan ada sokongan untuk elemen video menggunakan MPEG4.

Sudah tentu, jika kami tidak pasti format video yang disokong oleh penyemak imbas kami, kami boleh menyemaknya terlebih dahulu. Apa yang perlu saya lakukan jika saya tidak mahu mengganggu? Kita boleh melakukan ini:

Salin kod

Kodnya adalah seperti berikut:

Pelayar anda tidak menyokong format video ini.

Elemen video membenarkan berbilang elemen sumber. Elemen sumber boleh memautkan fail video yang berbeza. Penyemak imbas akan menggunakan format pertama yang diiktiraf, jadi kami hanya perlu menyediakan beberapa video lagi dalam format yang berbeza.
Seterusnya, mari perkenalkan atribut beberapa teg video
1.automain: Kemunculan atribut ini bermakna video akan dimainkan secara automatik apabila ia sudah sedia. kawalan: Kemunculan atribut Atribut ini bermaksud memaparkan kawalan kepada pengguna, seperti butang main, dsb. Penggunaan: controls="controls"
3.height: Set height
4.width: Set width
5.gelung: Main semula automatik, penggunaan: loop="loop"
6.pramuat: Video dimuatkan dan disediakan untuk dimainkan apabila halaman dimuatkan Penggunaan: pramuat="auto"
auto - muatkan keseluruhan video apabila halaman dimuatkan
meta - apabila halaman Hanya muatkan metadata selepas dimuatkan
tiada - Jangan muatkan video selepas halaman dimuatkan
Nota: Jika automain digunakan, pramuat diabaikan
7.src: URL video yang akan dimainkan