FrameworkStyle

MuteButton

A button component for muting and unmuting audio playback

Anatomy

<MuteButton />

Prop	Type	Default
`disabled`	`boolean`	`false`
Description Whether the button is disabled. Type `boolean`
`label`	`string \| function`	`''`
Description Custom label for the button. Type `string \| ((state: MuteButtonState) => string)`

State is accessible via the render, className, and style props.

Property	Type
`muted`	`boolean`
Description Whether audio is muted. Type `boolean`
`volumeLevel`	`'off' \| 'low' \| 'medium' \| 'high'`
Description Derived volume level: `off`: muted or volume is 0 `low`: volume < 0.5 `medium`: volume < 0.75 `high`: volume >= 0.75 Type `'off' \| 'low' \| 'medium' \| 'high'`

Attribute	Description
`data-muted`	Present when the media is muted.
`data-volume-level`	Indicates the volume level.

VideoJS