Quantcast
Channel: Support – Jetpack
Viewing all articles
Browse latest Browse all 373

Podcast Player Block

$
0
0

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:

Gif of inserting a podcast player block by clicking on the inline + inserter, typing Podcast, clicking the Podcast Player icon, then it inserts a Podcast Player block.
Inserting the Podcast Player block

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.

Gif of Podcast Player block RSS link being entered into the URL field, the Embed button clicked, and the resulting Podcast Player being shown.
Configuring the Podcast Player block.

Block Toolbar

Every block comes with a toolbar of block-specific controls that allow you to customize the block.

Arrow pointing to Replace button in the Podcast Player block toolbar.

The Podcast Player block has the following toolbar options:

  • Replace – allows you to change the podcast RSS feed URL.

Block Settings

Every block has options in the editor sidebar in addition to the 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).

Settings icon button with arrow pointing to it, showing its position at the top of the page next to the Publish button.
The Settings button toggles the block options sidebar.

The Podcast Player block has the following settings:

Podcast Settings

  • Number of items – controls how many episodes will be displayed (most recent first).
  • Show Cover Art – toggles the display of the podcast’s cover art (if available).
  • Show Episode Description – toggles the display of the description for the currently selected episode.
Podcast player settings panel showing number of items slider, show cover art, and show episode description options.

Color Settings

  • Primary Color – controls the color used for “primary” elements in the block display (eg: titles, active episodes).
  • Secondary Color – controls the color used for “secondary” elements in the block display (eg: descriptions, non-active episodes).
  • Background Color – controls the color used as the background color for the block.
Color palette panel for the Podcast Player block showing Primary, Secondary, and Background color options.

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.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Troubleshooting

If you’re having any trouble with the Podcast Player block, please contact support for help.

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.

 

Viewing all articles
Browse latest Browse all 373

Trending Articles