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 sich entweder das Attribut volume oder das Attribut muted geändert hat.

Dieses Ereignis kann nicht abgebrochen werden und wird nicht nach oben weitergereicht.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

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

Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

js
onvolumechange = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Event-Listener für das volumechange-Ereignis von HTMLMediaElement hinzu und geben eine Meldung aus, wenn der Event-Handler auf das ausgelöste Ereignis reagiert hat.

Mit addEventListener():

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

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

Mit der Event-Handler-Eigenschaft onvolumechange (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onvolumechange hinzugefügte Event-Listener ersetzt werden):

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