HTML <video> ciri-ciri lebar

HTML <video> 标签

Definisi dan penggunaan

lebar Ciri-ciri menentukan lebar pemutar video, dalam satuan piksel.

Petikan:Pastikan selalu tentukan ciri-ciri tinggi dan lebar ciri-ciri. Jika dicirikan ciri-ciri ini, ruang yang diperlukan video akan disimpan semasa halaman dimuat. Tetapi, jika tiada ciri-ciri ini, pelayar tidak tahu saiz video, dan tak dapat memantau ruang yang sesuai untuknya. Effeknya adalah bentuk halaman akan berubah semasa memuat (semasa video dimuat).

Perhatian:Jangan gunakan tinggi dan lebar Tetapkan semula saiz video!guna ciri-ciri ini untuk kecilkan video besar akan mengharuskan pengguna muat turun video asal (walaupun kelakuan kecil di halaman).Cara yang betul adalah untuk mengukur semula video menggunakan program sebelum menggunakannya di halaman web.

实例

已设置规定高度和宽度的视频播放器：

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>

亲自试一试

语法

<video width="pixels">

属性值

值 描述
pixels 视频的宽度，以像素为单位（例如 width="100"）。

浏览器支持

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

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

HTML <video> 标签