ビデオコントロール属性

HTML DOM Video オブジェクト

定義と用法

controls 属性の設定または返却により、ビデオに標準のコントロールを表示するかどうかを決定します。

この属性は次を示しています： <video> controls 属性。

この属性が設定されている場合、ビデオコントロールを表示する規定です。

ビデオコントロールには次のものを含めるべきです：

  • 再生
  • 一時停止
  • 検索
  • 音量
  • フルスクリーン切り替え
  • 字幕（利用可能時）
  • トラック（利用可能時）

例

例 1

ビデオコントロールを有効化：

document.getElementById("myVideo").controls = true;

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

例 2

ビデオコントロールが表示されているか確認：

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

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

例 3

制御状態の有効化、無効化および確認：

var x = document.getElementById("myVideo");
function enableControls() { 
  x.controls = true;
  x.load();
} 
function disableControls() { 
  x.controls = false;
  x.load();
} 
function checkControls() { 
  alert(x.controls);
}

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

文法

controls 属性を返す：

videoObject.controls

controls 属性の設定：

videoObject.controls = true|false

属性値

値 説明
true|false

ビデオにコントロールを表示するかどうかを指定します。

  • true - コントロールを表示することを意味します
  • false - デフォルト。コントロールを表示しないことを意味します

技術的な詳細

返り値： ボルン値、ビデオコントロールが表示されている場合 true を返します；それ以外の場合 false を返します。
デフォルト値： false

ブラウザのサポート

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

関連ページ

HTML 参考マニュアル：HTML <video> controls 属性

HTML DOM Video オブジェクト