onvolumechange イベント

DOM イベント Event オブジェクト

定義と使用方法

ビデオ/オーディオの音量が変更されるたびに onvolumechange イベントが発生します。

このイベントは以下の状況で発生します：

  • 音量を増加または減少します。
  • メディアプレイヤーをミュートまたはミュート解除します。

ヒント：オーディオ/ビデオオブジェクトの volume 属性 音量を設定または取得するために使用します。

例

例 1

ビデオの音量が変更されたときに JavaScriptを実行：

<video onvolumechange="myFunction()">

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

例 2

音量が変更されたときに JavaScriptを実行：

<audio onvolumechange="myFunction()">

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

例 3

volume 属性を使用して音量を設定：

document.getElementById("myVideo").volume = 0.2;

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

構文

HTML で：

<element onvolumechange="myScript">

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

JavaScript で：

object.onvolumechange = function(){myScript};

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

JavaScript で addEventListener() メソッドを使用する：

object.addEventListener("volumechange", myScript);

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

注：Internet Explorer 8 以降のバージョンではサポートしていない addEventListener() メソッド。

技術的詳細

バブル： サポートしていない
キャンセル可能： サポートしていない
イベントタイプ： Event
サポートする HTML タグ： <audio> および <video>
DOM バージョン： レベル 3 イベント

ブラウザサポート

このテーブルの数字には、そのイベントを完全にサポートする最初のブラウザバージョンが示されています。

イベント Chrome IE Firefox Safari Opera
onvolumechange サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト