HTML <ビデオ>属性

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

ヒント: 動画の属性heightと属性の両方を常に指定してください。 widthこれらの属性が設定されている場合、ページが読み込まれるときにビデオに必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザはビデオのサイズを認識せず、適切なスペースを予約できません。その結果、ロード中(ビデオのロード中)にページレイアウトが変更されます。

注:height and width属性を使用してビデオを再スケーリングしないでください。これらの属性を使用して大きなビデオをダウンサイジングすると、ユーザーは元のビデオをダウンロードする必要があります(ページ上で小さく見えても)。ビデオを再スケーリングする正しい方法は、Webページで使用する前にプログラムを使用することです。


ブラウザのサポート

Attribute
width 4.0 9.0 3.5 3.1 11.5

構文

<video width="pixels">

属性値

Value Description
pixels The width of the video, in pixels (i.e. width="100")

❮HTML<video>タグ