ビデオ幅属性

HTML DOM Video オブジェクト

定義と使用方法

width 属性はビデオの width 属性 の値。

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

ヒント：常にビデオの高さと幅属性を指定してください。高さと幅が設定されている場合、ページの読み込み中にビデオが必要なスペースを確保します。これらの属性がない場合、ブラウザはビデオのサイズを知らず、適切なスペースを確保できません。ページレイアウトは読み込み中（ビデオの読み込み中）に変更されます。

注釈：高さと幅属性を使ってビデオを再縮小しないでください！高さと幅属性を持つ大きなビデオを縮小すると、ユーザーは元のビデオをダウンロードすることを強制されます（ページ上では小さく見える場合でも）。ビデオを正しく再縮小する正しい方法は、プログラムを使って縮小してから、ページ上で使用することです。

例

例 1

ビデオプレイヤーの幅を変更します：

document.getElementById("myVideo").width = "500";

自分で試してみてください

例 2

ビデオの幅を取得します：

var x = document.getElementById("myVideo").width;

自分で試してみてください

文法

width 属性を返します：

videoObject.width

width 属性の設定：

videoObject.width = ピクセル

属性値

値 説明
ピクセル ピクセル単位でビデオプレイヤーの幅を指定します。

技術的詳細

返り値： 数値、ピクセル単位で表されるビデオの幅。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 9.0 サポート サポート サポート

関連ページ

HTML リファレンスマニュアル：HTML <video> width 属性

HTML DOM Video オブジェクト