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リファレンス