例
指定された幅と高さを持つビデオプレーヤー:
<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" |