HTML <video> height 属性

HTML <video> タグ

定義と使用方法

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

ヒント：ビデオの 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 height="

">

値 説明
ピクセル ビデオの高さ、ピクセル単位（例：height="100"）で指定されます。

ブラウザのサポート

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

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

HTML <video> タグ