Error

Media error state and actions for the player store

Tracks media errors.

State

State	Type	Description
`error`	`MediaError \| null`	The current error, or `null`

Actions

Action	Description
`dismissError()`	Clear the current error

Selector

Pass selectError to usePlayer to subscribe to error state. Returns undefined if the error feature is not configured.

import { selectError, usePlayer } from '@videojs/react';

function ErrorDisplay() {
  const err = usePlayer(selectError);
  if (!err?.error) return null;

  return (
    <div>
      <p>{err.error.message}</p>
      <button onClick={err.dismissError}>Dismiss</button>
    </div>
  );
}

API Reference

Parameters

Parameter	Type	Default	Details
`state*`	`object`	`—`

Return Value

MediaErrorState | undefined