Video HTML5

Video di tapak Web

Sehingga kini, masih tiada kaedah untuk dipaparkan pada halaman web Piawaian video.

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.

HTML5 (Video) - Cara ia berfungsi

Untuk memaparkan video dalam HTML5, anda hanya perlukan:

Contoh

<video width="320" height="240" controls>
  <source src="視頻文件名稱" type="視頻格式">
  <source src="視頻文件名稱" type="視頻格式">
您的瀏覽器不支持Video標(biāo)簽。
</video>

atribut automain

Instance

Elemen video ditetapkan kepada automain:

<video controls="controls" autoplay="autoplay"> 
 <source src="視頻文件名稱" type="視頻格式"> 
  <source src="視頻文件名稱" type="視頻格式">
您的瀏覽器不支持Video標(biāo)簽。
</video>

kawalan : Jika atribut ini muncul, kawalan dipaparkan kepada pengguna, seperti butang main. Elemen

<video> menyediakan kawalan main, jeda dan kelantangan untuk mengawal video.

Pada masa yang sama, elemen <video> juga menyediakan atribut lebar dan ketinggian untuk mengawal saiz video Jika ketinggian dan lebar ditetapkan, ruang video yang diperlukan akan ditempah apabila halaman itu dimuatkan. . Jika sifat ini tidak ditetapkan dan penyemak imbas tidak mengetahui saiz video, penyemak imbas tidak akan dapat menempah ruang tertentu semasa memuatkan dan halaman akan berubah berdasarkan saiz video asal. Kandungan yang dimasukkan antara tag

<video> dan </video> disediakan untuk paparan oleh penyemak imbas yang tidak menyokong elemen video. Elemen

<video> menyokong berbilang elemen <sumber>

Format video dan sokongan penyemak imbas

Pada masa ini, elemen <video> menyokong tiga format video: MP4, WebM dan Ogg:

Pelayar MP4 WebM Ogg

Internet Explorer YA????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????>Firefox ? ? ? ? ? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????>Opera YA (dari Opera 25) YA YA

MP4 = MPEG 4 dengan pengekodan video H.264 dan pengekodan audio AAC Fail

WebM = Fail WebM dengan pengekodan video VP8 dan pengekodan audio Vorbis

Ogg = Fail Ogg dengan pengekodan video Theora dan pengekodan audio Vorbis