ビデオ幅プロパティ
例
ビデオプレーヤーの幅を変更します。
document.getElementById("myVideo").width = "500";
定義と使用法
widthプロパティは、ビデオのwidth属性の値を設定または返します。
width属性は、ビデオプレーヤーの幅をピクセル単位で指定します。
ヒント:動画の高さと幅の両方の属性を常に指定してください。高さと幅が設定されている場合、ページが読み込まれるときにビデオに必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザはビデオのサイズを認識せず、適切なスペースを予約できません。その結果、ロード中(ビデオのロード中)にページレイアウトが変更されます。
注:高さと幅の属性を使用してビデオを再スケーリングしないでください。高さと幅の属性を使用して大きなビデオをダウンサイジングすると、ユーザーは元のビデオをダウンロードする必要があります(ページ上で小さく見えても)。ビデオを再スケーリングする正しい方法は、ページで使用する前にプログラムを使用することです。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
width | Yes | 9.0 | Yes | Yes | Yes |
構文
widthプロパティを返します。
videoObject.width
widthプロパティを設定します。
videoObject.width = pixels
プロパティ値
Value | Description |
---|---|
pixels | Specifies the width of the video player, in pixels (i.e. width="100") |
技術的な詳細
戻り値: | ビデオの幅をピクセル単位で表す数値 |
---|
その他の例
例
ビデオの幅を取得します。
var x = document.getElementById("myVideo").width;
関連ページ
HTMLリファレンス:HTML <video>幅属性
❮ビデオオブジェクト