Video width 属性

HTML DOM Video 对象

定义和用法

width 属性设置或返回视频的 width 属性 的值。

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

提示：请始终规定视频的高度和宽度属性。如果设置了高度和宽度，则在加载页面时保留视频所需的空间。但是，如果没有这些属性，浏览器将不知道视频的大小，也无法为其预留适当的空间。页面布局将在加载期间（视频加载时）发生变化。

注释：请不要使用高度和宽度属性重新缩放视频！缩小具有高度和宽度属性的大型视频会迫使用户下载原始视频（即使它在页面上看起来很小）。重新缩放视频的正确方法是使用程序，然后再在页面上使用它。

实例

例子 1

更改视频播放器的宽度：

document.getElementById("myVideo").width = "500";

亲自试一试

例子 2

获取视频的宽度：

var x = document.getElementById("myVideo").width;

亲自试一试

语法

返回 width 属性：

videoObject.width

设置 width 属性：

videoObject.width = pixels

属性值

值 描述
pixels 规定视频播放器的宽度，以像素为单位。

技术细节

返回值： 数字，表示视频的宽度，以像素为单位。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相关页面

HTML 参考手册：HTML <video> width 属性

HTML DOM Video 对象