HTML <video> width 属性

定义和用法

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

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

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

实例

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

<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