Unexpected pause when unmuting autoplayed HTML5 video

Answer at a glance

When a <video> starts autoplay with muted, most modern browsers allow playback. However, as soon as you remove muted (e.g. via video.muted = false), Chrome and Firefox will pause the stream for a brief moment while they re‑initialize the audio pipeline. Safari, by contrast, continues playback without a pause, and Edge behaves similarly to Chrome/Firefox in recent versions.

Why the pause happens

The HTML5 spec permits a user agent to pause a media element if its muted state changes and the element is not yet ready to play audio. Browsers typically need to (re)load the audio decoder, fetch the first audio segment, and synchronize audio with video. Until that handshake completes, the element enters the waiting state, which manifests as a short pause.

Browser‑specific behavior (latest stable releases)

Browser	Unmute pause?	Typical duration
Chrome 121	Yes	~200 ms
Firefox 125	Yes	~250 ms
Safari 17.5	No	—
Edge 121	Yes (same as Chrome)	~200 ms

Practical workaround

To eliminate the pause, preload the audio track before the element becomes visible or start with muted=false and volume=0 so the audio pipeline is already active. Example:

Alternatively, listen for the waiting event and show a spinner while the audio loads:

video.addEventListener('waiting', () => {
  // show overlay
});
video.addEventListener('playing', () => {
  // hide overlay
});

What to check next

If you notice the pause persists even with the above adjustments, verify that the video file contains an audio track and that the browser’s autoplay policy is not blocking audio playback after a user gesture. A quick way to confirm is to open the browser’s dev‑tools, go to the Network tab, and watch for a new audio segment request immediately after unmuting.

Feel free to share the exact browser version and whether the video has an embedded audio track if you need a deeper dive.