HTML <video> width 屬性
實例
具有指定高度和寬度的視頻:
<videowidth="320"
height="240"
controls="controls"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> Your browser does not support the video tag. </video>
定義和用法
width 屬性指定視頻播放器的寬度。
提示:規(guī)定視頻的高度和寬度是一個好習(xí)慣。如果設(shè)置這些屬性,在頁面加載時會為視頻預(yù)留出空間。如果沒有設(shè)置這些屬性,那么瀏覽器就無法預(yù)先確定視頻的尺寸,這樣就無法為視頻保留合適的空間。結(jié)果是,在頁面加載的過程中,其布局也會產(chǎn)生變化。
提示:請勿通過 height 和 width 屬性來縮放視頻!通過 height 和 width 屬性來縮小視頻,只會迫使用戶下載原始的視頻(即使在頁面上它看起來較小)。正確的方法是在網(wǎng)頁上使用該視頻前,使用軟件對視頻進行壓縮。
HTML 4.01 與 HTML 5 之間的差異
width 屬性是 HTML 5 中的新屬性。
語法
<video width="value" />屬性值
值 | 描述 |
---|---|
pixels | 以像素計的寬度值(比如 "100px" 或 100)。 |