:paused

The :paused CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when that element is "paused" (i.e. not "playing").

A resource is paused if the user explicitly paused it, or if it is in a non-activated or other non-playing state, like "loaded, hasn't been activated yet". This is different from :buffering or :stalled, which are states that occur while the resource is considered "playing".

:paused {
  /* ... */
}

:paused {
  border: 5px solid orange;
}