Skip to main content

Course Audio

Course Audio

Renders an audio player for the current course. The audio comes from the course's LifterLMS Featured Audio setting (Course Options on the course edit screen); the widget has no audio field of its own.

Course Audio widget rendered as an HTML5 audio player on a course page

Usage

Course template — Place it near the top of a course template so every course with a Featured Audio URL gets a player without per-course setup; see How to Build a Course Template. Courses with no audio set simply show nothing in that spot.

Audio-first courses — For a course that is delivered as an audio lecture or podcast, pair it with the Course Content widget for show notes and the Course Outline widget for the episode list. Use Lesson Audio inside the lesson template for per-lesson tracks.

Custom player — If you want the audio in a player you style yourself (an Elementor Audio widget, or a download button), use the Course Audio dynamic tag instead, which returns the same URL.

Preview-only audio — To show the player only to visitors who are not yet enrolled (a teaser), wrap it in a User enrollment status condition.

How it works

The widget reads the current course (on a course page, or the parent course of a lesson page) and fetches its Featured Audio URL. It then picks one output:

SituationBehaviour
URL is from a provider WordPress can embed (SoundCloud, Spotify and the other WordPress oEmbed providers)The provider's own embedded player is output. The Width setting is passed to the provider; Mute audio and Enable autoplay do not apply, since the provider controls its player.
URL points to a hosted audio file (for example an .mp3 in the Media Library)A native HTML5 <audio> element with browser controls is output, with the Mute audio and Enable autoplay settings applied. Browsers that cannot play it show a plain link to the file.
Course has no Featured Audio URL, on the live siteNothing is rendered.
Course has no Featured Audio URL, in the Elementor editorA notice explains the course has no audio, and a sample track is played instead so you can position and style the widget.

Settings

Content

The panel opens with a note that the widget is only fully compatible with self-hosted links. This reflects the table above: all of the widget's settings apply to hosted audio files, while embedded providers honour only the width.

Dimensions

SettingDescription
Dimension autoYes (default) makes the player fill the width of its container. No reveals the Width control.
WidthFixed player width in pixels. Default 640. Shown only when Dimension auto is No.

Behavior

SettingDescription
Mute audioYes (default) loads the player muted; visitors unmute it themselves. No loads it at normal volume. Applies to hosted audio files only.
Enable autoplayYes (default) asks the browser to start playback as soon as the page loads. No waits for the visitor to press play. Applies to hosted audio files only. Most browsers block unmuted autoplay until the visitor has interacted with the page, so autoplay works reliably only together with Mute audio.

Advanced

The Advanced tab holds Elementor's own layout, motion, responsive and custom-CSS controls — see Elementor's documentation. Lifter Elements adds one section, Conditional Logic, which shows or hides this widget by the visitor's LifterLMS status — see the Conditional Logic reference.

Notes