1. UI
  2. Mute Button

UI

Mute Button

This component is used to mute and unmute media.

Import

tsx
        import { MuteButton } from '@vidstack/player-react';

      

Usage

The <MuteButton> component will toggle the muted state of media as it's pressed by dispatching a vds-mute-request, and vds-unmute-request event to the media controller.

          
        

Styling

Here's a simple styled <MuteButton> example containing a mute and unmute icon: