volumechange | onvolumechange event

Occurs when the volume is changed, or playback is muted or unmuted.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.8.9.12

Syntax

Event Property object.onvolumechange = handler;
addEventListener Method object.addEventListener("volumechange", handler, useCapture)

Event information

SynchronousNo
BubblesNo
CancelableNo

Event handler parameters

handler [in]

Type: function

Event handler object.

Standards information

Remarks

The volume property of the element represents the current volume level.

The default playback volume is 1 (100 percent). The playback volume cannot be increased beyond 100 percent.

To invoke this event, do one of the following:

  • Increase or decrease the volume.
  • Mute or unmute the playback.

Examples

The following example implements buttons that change the volume of a video element (v1) by increments of .2 and turn mute on and off. These actions cause the onvolumechange event to be raised.


<button onclick="document.getElementById('v1').volume += 0.2">Volume Up</button>
<button onclick="document.getElementById('v1').volume -= 0.2">Volume Down</button>
<button onclick="document.getElementById('v1').muted = true;">Mute</button>
<button onclick="document.getElementById('v1').muted = false">Unmute</button> 

See also

audio
audio
document
source
video element
video object
window
Reference
volume
muted

 

 

Show:
© 2014 Microsoft. All rights reserved.