Video width 屬性

實例
修改視頻播放器的寬度:
document.getElementById("myVideo").width = "500";
定義和用法
width 屬性用於設置或返回視頻播放器的寬度。
width 屬性描述了視頻播放器的寬度,以像素計。
提示:規定視頻的高度和寬度是一個好習慣。如果設置這些屬性,在頁面加載時會為視頻預留出空間。如果沒有設置這些屬性,那麼流覽器就無法預先確定視頻的尺寸,這樣就無法為視頻保留合適的空間。結果是,在頁面加載的過程中,其佈局也會產生變化。
注意:請勿通過 height 和 width 屬性來縮放視頻!通過 height 和 width 屬性來縮小視頻,只會迫使用戶下載原始的視頻(即使在頁面上它看起來較小)。正確的方法是在網頁上使用該視頻前,使用軟體對視頻進行壓縮。
流覽器支持
所有主流流覽器都支持 width 屬性。
注意: Internet Explorer 8 及更早 IE 版本不支持 <video> 元素。
語法
返回 width 屬性:
videoObject.width
設置 width 屬性:
videoObject.width=pixels
屬性值
值 | 描述 |
---|---|
pixels | 描述了視頻播放器的寬度,以像素計(如:width="100") |
技術細節
返回值: | 數字,表示視頻的寬度,以像素計。 |
---|
更多實例
實例
獲取視頻的寬度:
var x = document.getElementById("myVideo").width;
x 輸出值為:
320
相關頁面
HTML 參考手冊: HTML <video> width 屬性
