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`
Description Whether playback is paused.
`ended`	`boolean`
Description Whether playback has reached the end.
`started`	`boolean`
Description Whether playback has started (played or seeked).
`waiting`	`boolean`
Description Whether playback is stalled waiting for data.

Actions

Action	Type	Details
`play`	`() => Promise<void>`
Description Start playback.
`pause`	`() => void`
Description Pause playback.

Selector

Pass selectPlayback to PlayerController to subscribe to playback state. Returns undefined if the playback feature is not configured.

import { createPlayer, MediaElement, selectPlayback } from '@videojs/html';
import { videoFeatures } from '@videojs/html/video';

const { PlayerController, context } = createPlayer({ features: videoFeatures });

class PlayButton extends MediaElement {
  readonly #playback = new PlayerController(this, context, selectPlayback);
}