<media-play-button>

Button to toggle media playback.

Default

<media-play-button media-paused></media-play-button>

Pause

<media-play-button></media-play-button>

Alternate content

Play Pause

<media-play-button media-paused>
  <span slot="play">Play</span>
  <span slot="pause">Pause</span>
</media-play-button>
<media-play-button>
  <span slot="play">Play</span>
  <span slot="pause">Pause</span>
</media-play-button>

Attributes

None

Slots

Name	Default Type	Description
`play`	`svg`	An element shown when the media is paused and pressing the button will start media playback
`pause`	`svg`	An element shown when the media is playing and pressing the button will pause media playback

Styling

See our styling docs