Skip to content
FrameworkStyle

I18nProvider

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

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={{ 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 Internationalization for merge priority, browser translation fallback, and SSR guidance.

API Reference

Return Value

unknown