HTML <video> width 属性

HTML <video> 标签

定义和用法

width 属性规定视频播放器的宽度，以像素计。

提示：请始终同时指定视频的 height 和 width 属性。如果设置了这些属性，在页面加载时将保留视频所需的空间。但是，如果没有这些属性，浏览器就不知道视频的尺寸，也就无法为它预留合适的空间。效果是页面布局将在加载过程中发生变化（视频加载时）。

注意：请不要使用 height 和 width 属性重新调整视频的大小！使用这些属性缩小大型视频会强制用户下载原始视频（即使在页面上看起来很小）。正确的方法是在将视频用于网页之前，使用一个程序对其进行重新缩放。

实例

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

<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> 标签