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.

API Reference

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>

Prop	Type	Default
`asChild`	`boolean`	`false`
`children`	`ReactNode`	`null`
`disabled`	`boolean`	`false`
`seconds`	`number`	`30`

Data Attributes

Name	Description
`data-seeking`	Whether a seeking operation is in progress.
`data-supported`	Whether seeking operations are permitted.
`data-focus`	Whether button is being keyboard focused.
`data-hocus`	Whether button is being keyboard focused or hovered over.