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

View in English Always switch to English

:volume-locked CSS-Pseudoklasse

Baseline 2026
Neu verfügbar

Seit August 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Want more browser support for this feature? Tell us why.

Der :volume-locked CSS [Pseudoklassen]-Selektor repräsentiert ein Element, das in der Lage ist, Töne zu erzeugen, wie z.B. <audio> oder <video>, aber das Audio-Volumen des Medien-Elements ist derzeit vom Benutzer "gesperrt".

Benutzeragenten können Medienwerte für muted oder volume gemäß den Benutzerpräferenzen festlegen (z.B. indem sie den zuletzt eingestellten Wert über Sitzungen hinweg, auf Standortbasis oder anderweitig speichern). Ein Element, das :volume-locked ist, kann nicht stummgeschaltet, entstummt oder sein Volumen per JavaScript geändert werden. Der gesperrte Status ist eine Betriebssystem- oder Benutzeragenten-Präferenz.

Syntax

css
:volume-locked {
  /* ... */
}

Beispiele

CSS

css
:volume-locked {
  border: 5px solid green;
}

video:volume-locked {
  border: 5px solid aqua;
}

Spezifikationen

Spezifikation
Selectors Level 4
# selectordef-volume-locked
HTML
# selector-volume-locked

Browser-Kompatibilität

Siehe auch