Tutorials References Menu

HTML onvolumechange Attribute


Definition and Usage

The onvolumechange attribute defines a script to run each time the volume of a video/audio has been changed.

This event is invoked by:

  • Increasing or decreasing the volume
  • Muting or unmuting the media player

Tip: Use the volume property of the Audio/Video Object to set or return the audio volume of an audio/video.


Applies to

The onvolumechange attribute is part of the Event Attributes, and can be used on the following elements:

Elements Event
<audio> volumechange
<video> volumechange

Examples

Audio Example

Run "myFunction" when the volume of the audio changes:

<audio onvolumechange="myFunction()">
Try it Yourself »

Video Example

Run "myFunction" when the volume of the video changes:

<video onvolumechange="myFunction()">
Try it Yourself »

Browser Support

The onvolumechange attribute has the following browser support for each element:

Element
audio Yes 9.0 Yes Yes Yes
video Yes 9.0 Yes Yes Yes