Support Home > Podcast Player Block

Podcast Player Block

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.

 
  • Table Of Contents

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.