# Autoplay & Web browser restrictions

> Understand why Chrome, Safari, & other browsers block autoplay, and apply concrete solutions.

https://docs.pandasuite.com/essentials/multimedia/autoplay-in-web-browsers/

**Do you want to automatically play a video or sound as soon as your web project opens? Notice that nothing starts playing? Don't worry: here's why and how to fix it.**

## Why is automatic playback blocked?

Since 2018, major browsers have tightened their rules to prevent **intrusive media** (surprise sounds, loud videos).

The general rule: no audible media should play without explicit user action.

For more information: [Autoplay Policy in Chrome](https://developer.chrome.com/blog/autoplay)

> **Info**
>
> 💡 A **video without an audio track** or with the **Muted** option checked is
> considered non-intrusive: it can start automatically on all platforms.

## Allowed strategies

1. **Muted video + autoplay**

Ideal for an animated background or a dynamic header. Simply enable the Muted option in the properties panel.

2. **Trigger after the first user gesture**

As soon as a visitor performs a first action (tap, click…), the browser unlocks the media session: you can then freely start sounds and videos without further permission.

## Additional resources

- [Audio](https://docs.pandasuite.com/essentials/components/audio/)
- [Video Player](https://docs.pandasuite.com/essentials/components/video-player/)
- [URL Media Player](https://docs.pandasuite.com/essentials/components/url-media-player/)
- [Create a Custom Audio Player](https://docs.pandasuite.com/tutorials/how-to/custom-audio-player-with-progress-bar/)