HTML <video> 标签

Definisi dan penggunaan

<video> Tanda digunakan untuk memasukkan kandungan video ke dalam dokumen, seperti rakaman filem atau aliran video lain.

<video> Tanda mengandungi satu atau lebih sumber video yang berbeza. Tanda <source>Pemungut suara akan memilih yang pertama yang disokong.

<video> dan </video> Teks antara tanda hanya akan dipaparkan dalam pemungut suara yang tidak mendukung <video> di paparkan dalam pemungut suara pereka.

HTML mendukung tiga format video: MP4, WebM dan OGG.

Pemungut suara MP4 WebM Ogg
Edge Dipendukung Dipendukung Dipendukung
Chrome Dipendukung Dipendukung Dipendukung
Firefox Dipendukung Dipendukung Dipendukung
Safari Dipendukung Dipendukung Tidak dipendukung
Opera Dipendukung Dipendukung Dipendukung

Lihat juga:

Panduan HTML DOM:HTML Audio/Video DOM 参考手册

Contoh

Mainkan video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Pemungut suara anda tidak mendukung tanda video.
</video>

Cuba sendiri

Petikan dan catatan

Petikan:Untuk fail audio, sila lihat tanda <audio>.

Atribut pilihan

Atribut Nilai Penerangan
autoplay autoplay Tentukan video patut dimainkan segera selepas siap.
controls controls Tentukan kawalan video yang patut dipaparkan (contohnya butang main/pause dan sebagainya).
height Pixel Tetapkan tinggi pemutar video.
loop loop Tentukan video akan dimainkan semula setiap kali tamat.
muted muted Tentukan sama ada audio output video patut disemak.
poster URL Tentukan imej yang dipaparkan semasa memuat turun video atau sebelum pengguna mengklik butang main.
preload
  • auto
  • metadata
  • none
 Tentukan sama ada video patut dimuat atau bagaimana dimuat semasa halaman dimuat.
src URL Tentukan URL fail video.
width Pixel Tetapkan lebar pemutar video.

全局属性

<video> 标签还支持 HTML 中的全局属性。

事件属性

<video> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

无。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5