:volume-locked 擬似クラス (CSS)
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more browser support for this feature? Tell us why.
:volume-locked は CSS の擬似クラスセレクターで、<audio> や <video> など、音を出せる要素を表しますが、そのメディア要素の音量は現在、ユーザーによって「ロック」されています。
ユーザーエージェントは、ユーザーの環境設定に応じて、muted または volume の値を設定する場合があります（例：セッションをまたいで最後に設定された値を記憶する、サイトごとに設定する、その他の方法など）。
:volume-locked 状態の要素は、JavaScript でミュートやミュート解除を行うことも、音量を変更することもできません。このロック状態は、オペレーティングシステムまたはユーザーエージェントの環境設定によるものです。
構文
css
:volume-locked {
/* ... */
}
例
CSS
css
:volume-locked {
border: 5px solid green;
}
video:volume-locked {
border: 5px solid aqua;
}
仕様書
| 仕様書 |
|---|
| Selectors Level 4 # selectordef-volume-locked |
| HTML # selector-volume-locked |
ブラウザーの互換性
関連情報
:buffering:muted:paused:playing:seeking:stalled- CSS セレクター
volumeプロパティ（HTMLMediaElementオブジェクト）