Video width 属性

定义和用法

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 属性