例
視頻播放器,具有指定寬度和高度:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
試一試» 定義和用法
在width屬性用於指定視頻播放器的寬度,以像素為單位。
提示:一定要同時指定高度和寬度的視頻屬性。如果高度和寬度都設置了,在加載頁面時為視頻所需的空間被保留。 然而,如果沒有這些屬性,該瀏覽器不知道視頻的大小,並不能預留適當的空間給它。 效果會在加載過程中(而視頻負載),頁面佈局將發生變化。
注意:不要在高度和寬度屬性重新調整視頻!裁員的大型視頻的高度和寬度屬性強制用戶下載原始視頻(即使它看起來小頁)。 重新調整視頻的正確方法是用一個程序,用它在頁面上之前。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
width | 是 | 是 | 是 | 是 | 是 |
注:Internet Explorer 8和更早的版本,不支持<video>標籤。
HTML 4.01和HTML5之間的差異
在<video>標籤是HTML5中的新。
句法
<video width="pixels">
屬性值
值 | 描述 |
---|---|
pixels | 視頻的寬度,以像素為單位(即width="100" |