<media-captions-button>

Button to show/disable captions

Default (no captions or subtitles)

<media-captions-button></media-captions-button>

Closed Captions on ("captions showing")

<media-captions-button
  media-captions-showing="en:English%20Closed%20Captions"
  media-captions-list="en:English%20Closed%20Captions"
></media-captions-button>

Alternate Content

CC CC

<media-captions-button media-captions-showing="en:English%20Closed%20Captions">
  <span slot="on"><b><u>CC</u></b></span>
  <span slot="off">CC</span>
</media-captions-button>
<media-captions-button>
  <span slot="on"><b><u>CC</u></b></span>
  <span slot="off">CC</span>
</media-captions-button>

Attributes

Name	Type	Default Value	Description
`default-showing`	`boolean`	`false`	Controls whether media-chrome will show a subtitle or captions tracks by default
`no-subtitles-fallback`	`boolean`	`false`	Controls whether media-chrome will show subtitle tracks if no closed captions tracks are available

Slots

Name	Default Type	Description
`on`	`svg`	An element that will be shown while closed captions are on
`off`	`svg`	An element that will be shown while closed captions are off

Styling

See our styling docs