最新的Web开发教程
 

Video width Property

<视频对象

更改视频播放器的宽度:

document.getElementById("myVideo").width = "500";
试一试»

定义和用法

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

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

提示:一定要同时指定高度和宽度的视频属性。 如果高度和宽度被设置时,被加载页面时的视频所需的空间被保留。 然而,如果没有这些属性,浏览器不知道视频的大小,并不能保留适当的空间给它。 效果会在加载过程中(而视频负载)的页面布局将发生变化。

注意:不要用高度和宽度属性重新调整视频! 小型化的大型视频与高度和宽度的属性强制用户下载原始视频(even if it looks small on the page) 。 重新调整视频的正确方法是用一个程序,用它在页面上之前。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

宽度属性在所有主流浏览器的支持。

注:Internet Explorer 8和更早的版本,不支持<video>元素。


句法

返回width属性:

videoObject .width

设置width属性:

videoObject .width= pixels

属性值

描述
pixels 指定视频播放器的宽度,以像素为单位(ie width="100")

技术细节

返回值: 一个数字,表示视频的宽度以像素为单位

更多示例

获取视频的宽度:

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

x的结果将是:

320
试一试»

相关页面

HTML参考: HTML <video>宽度属性


<视频对象