An embedded radio player lets visitors listen to your station directly on your website with a single click, without needing to open a separate app or paste a link into a media player. It is one of the most effective ways to turn website visitors into listeners. This guide explains the options and how to add a player to your site.
Why embed a player #
Sending listeners to a raw stream URL works, but it is not the friendliest experience. An on-page player keeps people on your website, looks professional, and often includes handy features like a play button, volume control, and the current song title. For most stations, an embedded player is the main way visitors tune in.
Your options for a player #
- A ready-made player from your control panel: many radio panels generate embed code you can paste straight into a page.
- An HTML5 audio player: a simple, lightweight option using your direct stream URL.
- A third-party or WordPress plugin player: offers extra styling, song info, and mobile support.
Embedding a simple HTML5 player #
The most basic option uses the standard audio tag with your stream URL. Add a snippet like this to your page where you want the player to appear:
- Use an <audio controls> element.
- Set its source to your direct stream URL.
- Save and preview the page to confirm it plays.
This gives visitors a play button and volume control with no extra software.
Embedding on WordPress #
If your site runs on WordPress, you have two easy routes. You can paste player embed code into a Custom HTML block on any page or widget area, or you can use a dedicated radio player plugin that adds a styled, mobile-friendly player and often shows the current track. Plugins are ideal if you want a polished look without touching code.
Tips for a good listening experience #
- Place the player somewhere obvious, such as the header or a sticky bar.
- Do not set it to autoplay with sound, as this annoys visitors and is blocked by many browsers.
- Make sure the player works on mobile, where many listeners are.
- Use your HTTPS stream link on an HTTPS site to avoid mixed-content issues.
Troubleshooting #
- Player shows but will not play: confirm the stream is live and the URL is correct.
- Blocked on an HTTPS site: use a secure (https) stream link.
- No sound on mobile: test a mobile-friendly player or plugin.
Need help? #
If you would like help getting a player onto your site, our support team can guide you over live chat.
