HTML: <video> width属性

オンラインの例

指定された高さを持つ380pxと280pxのビデオ：

<video width="380" height="280" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　あなたのブラウザはvideoタグをサポートしていません。
</video>

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがwidth属性をサポートしています。

注意： Internet Explorer 8 および以前のIEバージョンでは <video> タグをサポートしていません。

定義と使用法

width属性はピクセル単位でビデオプレイヤーの幅を指定します。
ヒント：常にビデオの高さと幅属性を同時に指定してください。高さと幅が設定されている場合、ページが読み込まれる際にビデオが必要なスペースを確保します。これらの属性が設定されていない場合、ブラウザはビデオのサイズを知らず、適切なスペースを確保できません。その結果、ページレイアウトは読み込み中（ビデオの読み込み中）に変更されます。
注意：heightとwidth属性でビデオを再縮小しないでください！heightとwidth属性で大規模なビデオのサイズを小さくすると、ユーザーは元のビデオをダウンロードする必要があります（ページ上では小さく見える場合でも）。ビデオを正しく再縮小する正しい方法は、プログラムを使用してビデオを縮小し、それをページ上で使用することです。

HTML 4.01 と HTML5の間の違い

<video> タグは HTML5 新しいタグ。

構文

<video width="pixels">

属性値