HTML video width 屬性
實例
具有指定高度和寬度的視頻:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
嘗試一下»
瀏覽器支持
所有主流瀏覽器都支持width 屬性。
注意: Internet Explorer 8及更早IE版本不支持<video>標籤。
定義和用法
width 屬性指定視頻播放器的寬度。
提示:規定視頻的高度和寬度是一個好習慣。 如果設置這些屬性,在頁面加載時會為視頻預留出空間。 如果沒有設置這些屬性,那麼瀏覽器就無法預先確定視頻的尺寸,這樣就無法為視頻保留合適的空間。 結果是,在頁面加載的過程中,其佈局也會產生變化。
注意:請勿通過height和width屬性來縮放視頻!通過height 和width 屬性來縮小視頻,只會迫使用戶下載原始的視頻(即使在頁面上它看起來較小)。 正確的方法是在網頁上使用該視頻前,使用軟件對視頻進行壓縮。
HTML 4.01 與HTML5之間的差異
<video> 標籤是HTML5 新標籤。
語法
<video width="pixels">
屬性值
值 | 描述 |
---|---|
pixels | 以像素计的宽度值(比如 "100px" 或 100)。 |
HTML <video>標籤