MuxData

Adds the Mux Data extension to the player. It renders nothing — place it anywhere inside the player, and it follows whatever media the player attaches. See Mux Data for how monitoring works.

Import

pnpm add @videojs/react @videojs/mux-data

import { MuxData } from '@videojs/react/extensions/mux-data';

Anatomy

<MuxData />

Options

Views also report the extension itself as the Mux plugin, so they can be told apart from other Video.js integrations such as videojs-mux.

Player software name

When no player software name is set, views report videojs-<framework>-<engine>, where the framework is html or react and the engine is the one playing the current source:

The framework is always one word, so everything after the second hyphen is the engine. The name updates on the current view when a source change switches engines. Media that doesn’t declare an engine name leaves it out, as in videojs-html. A player software name you set always takes precedence.

The player software version defaults to the Video.js version, and the Mux plugin is reported as @videojs/mux-data at the same version.

Changing MuxDataSdk, beaconCollectionDomain, debug, or disableCookies restarts monitoring, which ends the current view and starts a new one. The rest update the view in place.

See also