Псевдокласс CSS `:playing`

Базовая поддержка Недавно стал доступен

Эта функция работает в последних версиях устройств и браузеров. Она может не работать на старых устройствах и в старых версиях браузеров. Она поддерживается браузерами с августа 2026 года.

Селектор :playing CSS-псевдокласса представляет состояние воспроизведения элемента, который может воспроизводить медиаданные, например <audio> или <video>, когда этот элемент «воспроизводится». Считается, что элемент воспроизводится, если в данный момент он воспроизводит медиаресурс или временно приостановил воспроизведение по причинам, не связанным с намерением пользователя (например, :buffering или :stalled).

Синтаксис

:playing {
  /* ... */
}

Примеры

CSS

:playing {
  border: 5px solid green;
}

Спецификации

Спецификация
Селекторы уровня 4 # selectordef-playing
HTML # selector-playing

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView для iOS
`playing`	152	152	150	136	15.4	152	150	Нет	15.4	Нет	152	15.4

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:playing