`:seeking` CSS pseudo-class
Baseline Newly available
This feature works across the latest devices and browser versions. This feature might not work in older devices or browser versions. It's been available across browsers since August 2026.
The :seeking CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when the playable element is seeking a playback position in the media resource. A resource is considered to be seeking if the user has requested playback of a specific position in the media resource, but the media element has not yet reached that position.
Seeking is different from :buffering in that the media element is not currently loading data, but is instead skipping to a new position in the media resource. For more information, see the Media buffering, seeking, and time ranges guide.
Syntax
:seeking {
/* ... */
}
Examples
CSS
:seeking {
outline: 5px solid red;
}
video:seeking {
outline: 5px solid blue;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-seeking |
| HTML # selector-seeking |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on iOS | Samsung Internet | WebView Android | WebView on iOS | |
seeking |
152 |
152 |
150 |
136 |
15.4 |
152 |
150 |
No |
15.4 |
No |
152 |
15.4 |
See also
© 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/:seeking