HTML Audio/Video DOM volumechange イベント

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

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

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

他の "Try it Yourself" の例が下にあります。


定義と用法

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

このイベントは、次により呼び出されます:

チップ: オーディオ/ビデオの音量を設定または返すために、オAudio/Video オブジェクトの volume プロパティを使用します。


ブラウザ・サポート

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

イベント
volumechange Yes 9.0 Yes Yes Yes

構文

HTML の場合:

<audio|video onvolumechange="myScript">Try it

JavaScript の場合:

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

JavaScriptで、addEventListener() メソッドを使用する場合:

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

注: addEventListener() メソッドは、 Internet Explorer 8 以前のバージョンではサポートしていません。


技術的詳細

サポートする HTML タグ: <audio> および <video>
サポートするJavaScript オブジェクト: Audio, Video

Examples

その他の例

オーディオの音量が変更されたことを警告します:

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

HTML audio Tag Reference HTML オーディオ/ビデオ DOM リファレンス