CSS :playing 擬似クラス
Baseline 2026
最近利用可能
2026年8月以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
Want more browser support for this feature? Tell us why.
:playing は CSS の擬似クラスセレクターで、<audio> や <video> など、再生可能な要素が「再生中」である状態を表します。
要素は、現在メディアリソースを再生している場合、またはユーザーの意図以外の理由（:buffering や :stalled など）で一時停止している場合に、再生中であるとみなされます。
構文
css
:playing {
/* ... */
}
例
CSS
css
:playing {
border: 5px solid green;
}
仕様書
| 仕様書 |
|---|
| Selectors Level 4 # selectordef-playing |
| HTML # selector-playing |