Skip to content
FrameworkStyle

media-text

HTML custom element that renders a translated string by phrase

<media-text> renders the translated value for its text content inside a <media-i18n> (or any ancestor with the i18n provider mixin). Use it for standalone labels, tooltips, or demos — skin controls resolve phrases internally.

<media-i18n lang="ja">
  <media-text>Play</media-text>
</media-i18n>

Text content

The initial text content is the English translation phrase (Play, Pause, {duration} remaining, …). See Translation phrases for supported keys. If the phrase is not registered for the active locale, <media-text> keeps the original text.

Parametric phrases are not yet supported on <media-text> — use createTranslator in script for interpolated strings.