LiveKit docs › Components › StartMediaButton

---

# StartMediaButton

The `StartMediaButton` component is only visible when the browser blocks media playback. This is due to some browser implemented autoplay policies. To start media playback, the user must perform a user-initiated event such as clicking this button. As soon as media playback starts, the button hides itself again.

## Import

```typescript
import { StartMediaButton } from "@livekit/components-react";

```

## Usage

```tsx
<LiveKitRoom>
  <StartMediaButton label="Click to allow media playback" />
</LiveKitRoom>

```

## Properties

- **`label`** _(string)_ (optional): _(Optional)_

---

This document was rendered at 2026-06-07T11:32:18.832Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/startmediabutton.md](https://docs.livekit.io/reference/components/react/component/startmediabutton.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).