English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ全般

HTML: <video> height属性

height属性はピクセル単位でビデオプレイヤーの高さを指定します。常に高さと幅の属性を同時に指定します。高さと幅が設定されている場合、ページの読み込み時にビデオが必要なスペースを保持します。

 HTML <video> タグ

オンラインの例

同時に指定された高さと幅を持つビデオを指します:

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

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

注意: Internet Explorer 8 およびもっと早いIEバージョンでは <video> タグをサポートしていません。

定義と使用法

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

HTML 4.01 と HTML5の違い

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

文法

<video height="ピクセル">

属性値

説明
ピクセルピクセル単位の高さ値(例えば "100px" または 100)。
 HTML <video> タグ