HTML <ビデオ>幅属性
例
指定された幅と高さのビデオプレーヤー:
<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
属性は、ビデオプレーヤーの幅をピクセル単位で指定します。
ヒント:
動画の属性height
と属性の両方を常に指定してください。
width
これらの属性が設定されている場合、ページが読み込まれるときにビデオに必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザはビデオのサイズを認識せず、適切なスペースを予約できません。その結果、ロード中(ビデオのロード中)にページレイアウトが変更されます。
注:height
and
width
属性を使用してビデオを再スケーリングしないでください。これらの属性を使用して大きなビデオをダウンサイジングすると、ユーザーは元のビデオをダウンロードする必要があります(ページ上で小さく見えても)。ビデオを再スケーリングする正しい方法は、Webページで使用する前にプログラムを使用することです。
ブラウザのサポート
Attribute | |||||
---|---|---|---|---|---|
width | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
構文
<video width="pixels">
属性値
Value | Description |
---|---|
pixels | The width of the video, in pixels (i.e. width="100") |
❮HTML<video>タグ