:playing

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

:playing は CSS の擬似クラスセレクターで、「再生中」または「停止中」の状態を持つ音声、動画、その他のリソースの要素が「再生中」である場合に一致する、リソース状態擬似クラスです。

バッファリング状態にある場合や、ユーザーの操作以外で停止している状態の場合も、リソースが再生中として扱われます。

css
:playing {
}

構文

:playing

例

CSS

css
:playing {
  border: 5px solid green;
}

仕様書

Specification
Selectors Level 4
# selectordef-playing
HTML Standard
# selector-playing

ブラウザーの互換性

BCD tables only load in the browser

関連情報