useMediaComponent

Import

import { useMediaComponent } from "@videojs/react";

Usage

Build a React extension by passing its media component class from a component rendered inside Player.

import { MuxDataExtension } from "@videojs/mux-data";
import { useMediaComponent } from "@videojs/react";

function CustomMuxData() {
  useMediaComponent(MuxDataExtension);

  return null;
}

The hook creates one instance, follows media changes, and destroys the component on unmount. A plain <video> element is not a media-component host, so registration is skipped for it.