HTML <video> width 属性

HTML <video> タグ

定義と使用方法

width 属性は、ピクセル単位でビデオプレイヤーの幅を指定します。

ヒント：ビデオの height および width 属性が設定されている場合、ページ読み込み時にビデオが必要なスペースが確保されます。これらの属性が設定されていない場合、ブラウザはビデオのサイズを知らず、適切なスペースを確保することができません。その結果、ページレイアウトは読み込み中に変化します（ビデオが読み込まれる際）。

注意：使用しないでください height および width ビデオのサイズを再調整する属性です！これらの属性を使用して大規模なビデオを縮小すると、ユーザーは元のビデオをダウンロードすることを強制されます（ページ上では小さく見える場合もあります）。正しい方法は、ビデオをウェブページに使用する前にプログラムを使用して再縮小することです。

实例

例

指定された高さと幅のビデオプレイヤーが設定されています：
  <video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
あなたのブラウザはビデオタグをサポートしていません。

</video>

実際に試してみる

構文ピクセル<video width="

">

値 説明
ピクセル ビデオの幅、ピクセル単位で指定（例：width="100"）。

ブラウザのサポート

このテーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

HTML <video> タグ