Playback
Play/pause state and actions for the player store
Controls play/pause state and tracks whether playback has started or is stalled.
API Reference
State
| Property | Type | Details |
|---|---|---|
paused | boolean | |
| ||
ended | boolean | |
| ||
started | boolean | |
| ||
waiting | boolean | |
| ||
Actions
| Action | Type | Details |
|---|---|---|
play | () => Promise<void> | |
| ||
pause | () => void | |
| ||
Selector
Pass selectPlayback to usePlayer to subscribe to playback state. Returns undefined if the playback feature is not configured.
import { selectPlayback, usePlayer } from '@videojs/react';
function PlayButton() {
const playback = usePlayer(selectPlayback);
if (!playback) return null;
return <button onClick={playback.toggle}>{playback.paused ? 'Play' : 'Pause'}</button>;
}