FrameworkStyle

Buffer

Buffered and seekable time range state for the player store

Read-only — tracks buffered and seekable time ranges.

API Reference

State

Property Type Details
buffered [number, number][]
seekable [number, number][]

Selector

Pass selectBuffer to PlayerController to subscribe to buffer state. Returns undefined if the buffer feature is not configured.

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

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

class BufferBar extends MediaElement {
  readonly #buffer = new PlayerController(this, context, selectBuffer);
}