iOS and Android block JavaScript from changing the audio volume of media elements — only the hardware buttons can. Showing a slider would suggest something that doesn't work, so the player hides it and defers to the native OS volume.
Preview
Props & interactive options
| Prop | Type | Default | Description | Try it |
|---|---|---|---|---|
| controls | url param | 1 | Show player controls. | — |
Browsers block autoplay with sound. Enabling
auto_play automatically enables muted so playback can start; viewers can then unmute manually.
Try it in the player
Play / Pause
Click the play button or press Space to start or pause playback. The button toggles between play and pause states.
Previous / Next track
Navigate between tracks in a playlist using the previous and next buttons in the control bar.
Playback speed
Adjust the playback speed from 0.25× to 2× using the speed selector. Useful for podcasts, audiobooks, or language learning.
Volume & mute
Use the volume slider to adjust the level, or click the speaker icon to mute. On mobile, the system volume is used instead.
Progress bar
Click or drag anywhere on the progress bar to seek to a specific position. The elapsed and remaining time are displayed alongside the bar.
Documentation
The audio player provides a full set of playback controls: play/pause, previous/next track, a playback speed selector (from 0.25× to 2×), a volume slider with mute toggle, and a progress bar with seek support. On mobile devices the volume slider is hidden as the system volume is used instead.
Code
HTML
Frequently asked questions
0.25×, 0.5×, 0.75×, 1× (normal), 1.25×, 1.5×, 1.75× and 2×. The pitch is preserved across all speeds, which makes 1.25–1.5× a comfortable default for podcasts and audiobooks.
Yes — volume level, mute state and playback speed persist in localStorage per embed domain, so returning listeners land on their previous settings without having to re-configure.