Skip to content

Referencei18n

I18nProvider

React provider that resolves locale and supplies a typed translator to descendants

Import

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

I18nProvider resolves the active locale, lazy-loads built-in packs, merges registry and provider layers, and exposes a translator through context. Wrap it around a player or custom controls that should translate.

Wrap custom controls or force a locale explicitly:

import { I18nProvider } from '@videojs/react/i18n';

<I18nProvider locale="de" translations={{ buttons: { play: 'Abspielen' } }}>
  <MyControls />
</I18nProvider>

Omit locale to inherit the nearest lang attribute (via langRootRef or <html lang>). English is the fallback when no non-English locale is active or no translation layer supplies a string. See Internationalize the player for merge priority, browser translation fallback, and SSR guidance.

API Reference

I18nProvider(props): ReactNode

Parameters

ParameterTypeDefaultDetails
props*object—

Return Value

ReactNode