FrameworkStyle

PlayButton

A button component for playing and pausing media playback

API Reference

Props

Prop	Type	Default
`disabled`	`boolean`	`false`
Description Whether the button is disabled. Type `boolean`
`label`	`string \| function`	`''`
Description Custom label for the button. Type `string \| ((state: PlayButtonState) => string)`

State

State is accessible via the render, className, and style props.

Property	Type	Description
`paused`	`boolean`	Whether playback is paused.
`ended`	`boolean`	Whether playback has reached the end.
`started`	`boolean`	Whether playback has started (played or seeked).

Data Attributes

Attribute	Description
`data-paused`	Present when the media is paused.
`data-ended`	Present when the media has ended.
`data-started`	Present when playback has started.

VideoJS