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

Video width Property

<ビデオオブジェクト

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

document.getElementById("myVideo").width = "500";
»それを自分で試してみてください

定義と使用法

widthプロパティを設定またはの値を返すwidthビデオの属性を。

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

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

注意:高さと幅の属性を持つビデオを再スケールしないでください! 高さと幅の属性を持つ大規模なビデオを小型化すると、元のビデオをダウンロードするには、ユーザーに強制(even if it looks small on the page) 。 ビデオを再スケールする正しい方法は、ページ上でそれを使用する前に、プログラムです。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

widthプロパティは、すべての主要なブラウザでサポートされています。

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


構文

widthプロパティを返します:

videoObject .width

widthプロパティを設定します。

videoObject .width= pixels

プロパティ値

説明
pixels ピクセル単位で、ビデオプレーヤーの幅を指定します(ie width="100")

技術的な詳細

戻り値: ピクセル単位でビデオの幅を表す数値、

その他の例

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

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

xの結果は次のようになります。

320
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <video> width属性


<ビデオオブジェクト