Skip to main content

Customize and Share the Libsyn Media Player for Your Podcast

Kelly Litzenberger
Updated

You can set up a media player for your podcast that lists all of your episodes or a subset of them by category. When you set up the player, you can customize its size, color, which links to make available for your listeners, and more. When you're done customizing the player, you can embed it on a webpage, blog post, or anywhere you want to make it available to your listeners.

Note Icon Teal.svg

Notes

To customize and share your podcast player:

  1. Click the Settings.pngicon in the top of your Libsyn account to display the Settings page.

  2. Click Player.

    Note Icon Teal.svg

    Note

    Clicking Player might take you to a Player Select Settings table or directly to the Player Settings page. If the Player Select Settings table opens, click Edit in the row that contains the player you want to customize to open the Player Settings page. If you are already at the Player Settings page with all of the customizable fields, continue to step 3.
     
  3. Customize the podcast player by updating the information in the player fields. For more information about your options, see the Customize Your Podcast Player section below.

  4. At the bottom of the page, click Save to save your changes.

  5. Copy the code that displays under the player, or click Copy Embed in the upper-right of the page. The code for embedding the player is now copied to the clipboard. 

  6. Paste the code you copied where you want the player to appear, such as on a web page or a blog post.

Customize Your Podcast Player

The Player Settings page gives you many options for customizing the look and function of your podcast player. As you change the settings, the preview at the bottom of the page updates automatically to show you what your player will look like when you embed it. 

Podcast Player.png

If you change the height of the player, you can see the exact measurement in pixels in the embed code beneath the player. The measurement is useful so you can decide whether the player will fit where you want to embed it.

 

This table provides some guidance on your options for customizing the player:

Player Size You can choose Large or Extra Large depending on your preference. However, you must choose Extra Large if your podcast includes video.

When you select Extra Large, the following field displays:

  • Video - Enter a number of pixels for the height of the video.
Player Color

Click the box to select the background color you want for your player. See Use the Color Selector. 
Font Color

Click the box to select the font color you want for your player. See Use the Color Selector. 
Accessibility

This note displays the contrast ratio between the selected Player Color and Font Color.

According to the World Wide Web Consortium (W3C), the standard minimum ratio for text should be 4.5:1 or higher to provide enough contrast between text and its background so that it can be read by people with moderately low vision. For details, see the W3C's Web Content Accessibility Guidelines.) 
Display Art Select to show your podcast artwork on the left side of the player. 
Display Title Select to have the title of your podcast appear above the episode title that's currently playing.
Follow Select to include a FOLLOW link in the upper-right of the player. When users click the link, a window displays with options for following your show on the different social media sites where you are active. 
Share Select to include a SHARE link in the upper-right of the player. When users click the link, a window displays with options for sharing your show on social media.
Display Media Download Select to include a Download_icon.png link in the player that your listeners can use to download the episode they're listening to in your player. 
Category

You can choose any category that you created when you published your episodes. The player will only play the episodes in the category you select. If you want to include all of your episodes, select No Category.

For more information on categories, review the "Category" section in About Your Episode Details.
Playlist

In this section, you can expand or shorten the height of the playlist to make more or fewer episodes visible at a time. You have the following options:

  • Hide Playlist - Listeners will have to listen to episodes one at a time, or click through them by using the arrow icons in the player.
  • Show Playlist - Select to show a playlist of your episodes on the bottom of the player that your listeners can scroll through. Listeners can then select which episode they want to listen to. When you select this Show Playlist, the following fields display:
    • Playlist Height - Enter a number of pixels for the height of the playlist.
    • Episodes - Enter the number of episodes you want visible at all times. For example, if you enter 3, there will always be enough room for your listeners to view three episodes in the playlist as they scroll through it. The number of pixels in the Playlist Height field automatically updates to accommodate your choice.
    • Playback Direction - Select Last to First to make your most recent episode appear at the top of the playlist and your oldest episode appear last. To make your oldest episode first and your most recent episode last in the playlist, select First to Last.

 

Related articles