How to set up and style the Audio Player widget in Elementor.
Audio Player plays audio from the media library or from a direct link. It shows cover art, title and artist, a seek bar, skip buttons, speed, volume and an optional download button, and lists the tracks as a playlist when there are two or more. Use it for podcasts, music and voice notes.
Part of: Bright Addons Pro. Before you start: At least one audio file in the media library or a direct link to an audio file.
| Option | What it does |
|---|---|
| Title | The track title. The list holds one row per track. |
| Artist or Subtitle | A second line under the title. |
| Audio From | Media Library or Link to a File. |
| Audio File | An audio file from the media library. |
| Audio Link | A direct link to an MP3, M4A, OGG or WAV file. |
| Cover Image | Optional cover for this track. Without one the main cover is used. |
| Length | Optional length such as 3:45, shown in the playlist. |
| Main Cover Image | The cover used for tracks that have none of their own. |
| Option | What it does |
|---|---|
| Layout | Card (cover beside the controls), Stacked (cover on top) or Compact Bar. |
| Back and Forward 15 Seconds | Shows the two skip buttons. |
| Time | Shows the current time and total length next to the seek bar. |
| Volume | Shows the mute button and volume slider. |
| Speed Button | Shows the playback speed button. |
| Download Button | Shows a button that downloads the current track. Off by default. |
| Playlist (with two or more tracks) | Shows the track list below the player. |
| Play the Next Track Automatically | Continues with the next track when one ends. |
| Start Again After the Last Track | Returns to the first track after the last one. |
| Load Before Play | Loads nothing or only the length before the visitor presses play. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background, border, shadow, radius, padding, accent color, button and progress colors, play button size and progress height.
size and border radius.
typography and colors of the title and artist, and the time color.
typography, text color, hover and current track backgrounds, item padding, radius and maximum height.
Any audio file from the media library, or a direct link to an MP3, M4A, OGG or WAV file. Whether a format plays depends on the visitor’s browser.
Yes. With one track the previous, next and playlist parts are left out.
Yes. Each track can have its own Cover Image, and tracks without one use the Main Cover Image.
Starting one player pauses the others, so only one plays at a time.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide