HTML Audio/Video DOM volumechange Événement

❮ Référence HTML Audio/Video DOM

Exemple

Alerte lorsque le volume d'une vidéo a été changé :

let vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
alert("Le volume a été changé !");
};
Essayez-le vous-même »

Plus d'exemples "Essayez-le vous-même" ci-dessous.


Définition et Utilisation

L'événement volumechange se produit chaque fois que le volume d'une vidéo ou d'un audio a été changé.

Cet événement est déclenché par :

  • L'augmentation ou la diminution du volume
  • La mise en sourdine ou le rétablissement du son du lecteur multimédia

Astuce : Utilisez la propriété volume de l'objet Audio/Video pour définir ou obtenir le volume audio d'un audio ou d'une vidéo.


Support des Navigateurs

Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'événement.

Événement
volumechange Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

< audio|video onvolumechange=" myScript "> Essayez-le

En JavaScript :

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

En JavaScript, en utilisant la méthode addEventListener() :

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

Détails Techniques

Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Vidéo

Plus d'Exemples

Exemple

Alerte lorsque le volume d'un fichier audio a été changé :

let aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
alert("Le volume a été changé !");
};
Essayez-le vous-même »

❮ Référence HTML Audio/Video DOM