Jetpack’s Podcast Player block allows you to easily show your visitors a listing of recent episodes from a podcast and play them on your website.
Inserting a Podcast Player Block
You can add the Podcast Player block by searching and/or selecting it from the Jetpack section of the block selector.
Alternatively, you can type /podcast on a new line and press Enter.
See Jetpack Blocks for detailed instructions on adding blocks.
Configuring a Podcast Player Block
After inserting the block, there will be a field where you can enter the RSS feed URL of a podcast.
Note: you must enter a valid podcast RSS feed URL. For example, https://distributed.blog/category/podcast/feed/ is a valid feed, whereas https://distributed.blog/ is not.
Enter your URL and submit to insert your podcast.
Block Toolbar
Every block has a toolbar of block-specific controls that allow you to customize the block.
The Podcast Player block has the following toolbar options:
- Change Alignment: this option allows you to change the alignment of the block on the page.
- Replace: allows you to change the podcast RSS feed URL.
Block Settings
Every block has options in the editor sidebar and options found in the block toolbar. If you do not see the sidebar, click the Settings button (the ‘cog’ icon next to the Publish button).
Podcast Settings
- Number of items: controls how many episodes will be displayed. The latest episode will always display first.
- Episode: this allows you to choose a specific episode of the podcast to embed. Selecting a specific episode will only show that single episode.
- Show Cover Art: toggles the display of the podcast’s cover art if the cover art is available.
- Show Episode Title and Description: toggles the display of the title and description for the currently selected episode.
Color Settings
- Primary Color: controls the color used for primary elements in the block display, such as the selected episode title, the player controls, and the played color in the player progress bar.
- Secondary Color: controls the color used for secondary elements in the block display, such as the selected episode description, unselected episodes, and the not yet played portion of the player progress bar.
- Background Color: controls the color used as the background color for the block.
Here’s what those color settings can look like once selected:
Advanced
The advanced tab lets you add CSS classes to your block, allowing you to use custom CSS rules and style the block. Learn more.
Still having trouble?
Please contact support directly. We’re happy to lend a hand and answer any other questions that you may have.
Privacy Information
This feature is activated by default. It cannot be deactivated; the Podcast Player block is always available in the Block Selector.
| Data Used | |
|---|---|
| Site Owners / Users
None. |
Site Visitors
None. |
| Activity Tracked | |
| Site Owners / Users
None. |
Site Visitors
None. |
| Data Synced (Read More) | |
| Site Owners / Users
We sync options that identify whether or not the feature is activated and how its available settings are configured. |
Site Visitors
None. |
Jetpack 