Looking for the old docs? Go here

Buttons

Seek Button

This component is used to seek playback forwards or backwards.

This page is not ready yet, we’re working on getting it done for the 1.0 release. It should be available soon! In the meantime, feel free to use the API reference tables below.

HTMLAttributes<HTMLButtonElement>
Ref<HTMLButtonElement>

A button for seeking the current media playback forwards or backwards by a specified amount.

import { SeekButton, type SeekButtonProps } from "@vidstack/react";
import { SeekButton, type SeekButtonProps } from "@vidstack/react";
<SeekButton seconds={-10}>
  <SeekBackwardIcon />
</SeekButton>

<SeekButton seconds={10}>
  <SeekForwardIcon />
</SeekButton>
<SeekButton seconds={-10}>
  <SeekBackwardIcon />
</SeekButton>

<SeekButton seconds={10}>
  <SeekForwardIcon />
</SeekButton>
PropTypeDefault
asChild
boolean
false
children
ReactNode
null
disabled
boolean
false
seconds
number
30
NameDescription
data-seekingWhether a seeking operation is in progress.
data-supportedWhether seeking operations are permitted.
data-focusWhether button is being keyboard focused.
data-hocusWhether button is being keyboard focused or hovered over.