HTML Audio Player widget

Insert an entertaining feature to your homepage and get more satisfied customers fast


HTML Audio Player widget
1 / 6


Elfsight Music Player with playlist is an uncomplicated tool for HTML websites giving you an opportunity to playback audio tracks directly on the pages. The widget is remarkably modifiable: you can change its placement, setting it anywhere on the page, alter its size, repaint the background and other elements to mingle it with your site’s layout, use dark theme, reveal covers and demonstrate or hide four additional player components like progress bar, title and many more. Upload as many tracks as you want to engage your audience, switch the autoplay on and don’t hesitate – your audience won’t quit your site immediately!

Make your site more successful for business goals with the help of custom Elfsight Audio Player

The essential music widget features contain

  • Various color variations
  • Dark/light color scheme
  • Responsive design
  • 2 layouts applicable
  • An opportunity to add background image

You can try the full functionality of the widget in the demo right here

How to embed Audio Player code to my HTML website?

Just take a couple of steps described below to add the music widget HTML audio player with playlist.

  1. Manage our free demo and start shaping your custom-built template.
    Choose the custom form and characteristics of the widget and save the edits.
  2. Acquire the personal code exposed in the special form on Elfsight Apps.
    When the creation of your music template is complete, copy the individual code at the appearing popup and keep it for future usage.
  3. Get started with using the widget on your HTML site.
    Embed the music player code saved recently into your page and apply the improvements.
  4. The installation is successfully accomplished.
    Go to your site to take a look at how’s the widget performing.

If you run into inquiries or confront any problems, feel free to get in touch with our support team. Our people will be excited to resolve all the issues you might have on the plugin.

How can I add an Audio Player to the HTML site?

The construction of the widget happens on the Elfsight pages and there’s no need to code. Open the active demo to adjust your personal widget, obtain the code and insert it to your site.

The best ways to use the Player integration

We ’ll provide you with a plethora of personalization options: full length widgets for inserting in the content section, floating plugins with scrolling opportunities, layouts for the footer, head section and all variations of vertical possibilities for sidebars and menus.

Is there an option to create a Single track or Meditation Player with the help of the editor?

You are free to shape any widget’s modifications. There are many layouts available in the editor, and all of them may be swiftly customized just the way you need.


14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform software
from $0 / month
start with free plan
Unlimited websites
24/7 customer support
Free of charge installation service
Limited time offer for multiple apps
Easy to edit