Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLMediaElement: volumechange Ereignis

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das volumechange Ereignis wird ausgelöst, wenn entweder das volume-Attribut oder das muted-Attribut geändert wurde.

Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergereicht (bubbled).

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

js
addEventListener("volumechange", (event) => { })

onvolumechange = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das volumechange Ereignis des HTMLMediaElements hinzu und senden eine Nachricht, wenn dieser Ereignishandler auf das Auslösen des Ereignisses reagiert hat.

Verwendung von addEventListener():

js
const video = document.querySelector("video");

video.addEventListener("volumechange", (event) => {
  console.log("The volume changed.");
});

Verwendung der onvolumechange Ereignishandler-Eigenschaft:

js
const video = document.querySelector("video");

video.onvolumechange = (event) => {
  console.log("The volume changed.");
};

Spezifikationen

Spezifikation
HTML
# event-media-volumechange
HTML
# handler-onvolumechange

Browser-Kompatibilität

Verwandte Ereignisse

Siehe auch