Captions Menu

<h1>Captions Menu</h1>

<media-controller id="mc" defaultsubtitles="">
  <video slot="media" src="https://d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4" preload="metadata" muted="" crossorigin="">
    <track label="English" kind="captions" srclang="en" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.en.vtt" default="">
    <track label="Japanese" kind="captions" srclang="ja" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ja.vtt">
    <track label="Swedish" kind="captions" srclang="sv" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.sv.vtt">
    <track label="Russian" kind="captions" srclang="ru" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ru.vtt">
    <track label="Arabic" kind="captions" srclang="ar" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ar.vtt">
    <track label="Subs English" kind="subtitles" srclang="en" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.en.vtt" default="">
    <track label="Subs Japanese" kind="subtitles" srclang="ja" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ja.vtt">
    <track label="Subs Swedish" kind="subtitles" srclang="sv" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.sv.vtt">
    <track label="Subs Russian" kind="subtitles" srclang="ru" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ru.vtt">
    <track label="Subs Arabic" kind="subtitles" srclang="ar" src="https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ar.vtt">
  </video>
  <media-captions-menu anchor="auto" hidden=""></media-captions-menu>
  <media-control-bar>
    <media-play-button></media-play-button>
    <media-seek-backward-button seekoffset="15"></media-seek-backward-button>
    <media-seek-forward-button seekoffset="15"></media-seek-forward-button>
    <media-mute-button></media-mute-button>
    <media-time-range></media-time-range>
    <media-time-display showduration="" remaining=""></media-time-display>
    <media-captions-button></media-captions-button>
    <media-captions-menu-button></media-captions-menu-button>
    <media-fullscreen-button></media-fullscreen-button>
  </media-control-bar>
</media-controller>