Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
HTMLMediaElement: volumechange Ereignis
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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.
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():
const video = document.querySelector("video");
video.addEventListener("volumechange", (event) => {
console.log("The volume changed.");
});
Verwendung der onvolumechange Ereignishandler-Eigenschaft:
const video = document.querySelector("video");
video.onvolumechange = (event) => {
console.log("The volume changed.");
};
Spezifikationen
| Specification |
|---|
| HTML> # event-media-volumechange> |
| HTML> # handler-onvolumechange> |
Browser-Kompatibilität
Loading...
Verwandte Ereignisse
- Das HTMLMediaElement
playingEreignis - Das HTMLMediaElement
waitingEreignis - Das HTMLMediaElement
seekingEreignis - Das HTMLMediaElement
seekedEreignis - Das HTMLMediaElement
endedEreignis - Das HTMLMediaElement
loadedmetadataEreignis - Das HTMLMediaElement
loadeddataEreignis - Das HTMLMediaElement
canplayEreignis - Das HTMLMediaElement
canplaythroughEreignis - Das HTMLMediaElement
durationchangeEreignis - Das HTMLMediaElement
timeupdateEreignis - Das HTMLMediaElement
playEreignis - Das HTMLMediaElement
pauseEreignis - Das HTMLMediaElement
ratechangeEreignis - Das HTMLMediaElement
suspendEreignis - Das HTMLMediaElement
emptiedEreignis - Das HTMLMediaElement
stalledEreignis