最新のWeb開発のチュートリアル
 

HTML <video> width Attribute

<HTML <video>タグ

指定された幅と高さを持つビデオプレーヤー:

<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属性はピクセル単位で、ビデオプレーヤーの幅を指定します。

ヒント:常にビデオの高さと幅の属性の両方を指定します。高さと幅が設定されている場合、ページがロードされるときに、ビデオに必要なスペースが確保されています。 しかし、これらの属性なしで、ブラウザは、ビデオのサイズを知らない、そしてそれに適切なスペースを確保することはできません。 効果は、ページレイアウトは、(ビデオのロード中)のロード中に変更されることになります。

注:高さと幅の属性を持つビデオを再スケールしないでください!高さと幅の属性を持つ大規模なビデオを小型化(それはページ上の小さなように見えても)元のビデオをダウンロードするためにユーザーを強制します。 ビデオを拡大縮小するための正しい方法は、ページ上でそれを使用する前に、プログラムです。


ブラウザのサポート

属性
width はい はい はい はい はい

注:Internet Explorer 8の以前のバージョンをサポートしていない<video>タグを。


HTML 4.01とHTML5の違い

<video>タグは、HTML5で新しく追加されました。


構文

<video width="pixels">

属性値

説明
pixels ピクセル単位でビデオの幅(すなわちwidth="100"

<HTML <video>タグ