HTMLオーディオ/ビデオDOMボリューム変更イベント

❮HTMLオーディオ/ビデオDOMリファレンス

ビデオの音量が変更されたことを警告します。

var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
    alert("The volume has been changed!");
};

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

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

このイベントは、次のユーザーによって呼び出されます。

  • 音量を上げたり下げたりする
  • メディアプレーヤーのミュートまたはミュート解除

ヒント:オーディオ/ビデオオブジェクトのボリュームプロパティを使用して、オーディオ/ビデオのオーディオボリュームを設定または返します。


ブラウザのサポート

表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。

Event
volumechange Yes 9.0 Yes Yes Yes

構文

HTMLの場合:

<audio|video onvolumechange="myScript">

JavaScriptの場合:

audio|video.onvolumechange=function(){myScript};

JavaScriptでは、addEventListener()メソッドを使用します。

audio|video.addEventListener("volumechange", myScript);

技術的な詳細

サポートされているHTMLタグ: <オーディオ>と<ビデオ>
サポートされているJavaScriptオブジェクト: オーディオビデオ

その他の例

オーディオファイルの音量が変更されたことを警告します。

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
    alert("The volume has been changed!");
};

❮HTMLオーディオ/ビデオDOMリファレンス