Advanced customization of the embedded player

Modified on Fri, 23 Oct at 9:12 AM

TABLE OF CONTENTS

Our embedded player supports three different sharing modes. However, it can be further tweaked with advanced settings for even more customization to suit your podcasting needs.

Please, before you proceed, make sure you first check our guide on how the embedded player works.

Adjusting limit and height for the entire show embed

To add the podcast episode player into your website, simply copy and paste the embed code into an HTML block where you'd like the player to appear.

Embed code window with Show and Default theme selected and the iframe code highlighted in red

Here's an example of the code for a show embedded player by default:

<iframe src="https://player.rss.com/haztupodcast?theme=color&v=2" title="HAZ TU PODCAST" width="100%" height="393px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen scrolling="no"><a href="https://rss.com/podcasts/haztupodcast/">HAZ TU PODCAST</a></iframe>

This code can be further customized to adjust both the number of episodes shown by the player and its height.

Adjusting the number of episodes in the playlist

By default, the show player lists the latest 5 episodes, with a button to see them all on your public page. To change the number, add &limit= and a number at the end of the src URL. Use &, not ?, because the URL already has a question mark. This shows 10 episodes:

<iframe src="https://player.rss.com/haztupodcast?theme=color&v=2&limit=10" title="HAZ TU PODCAST" width="100%" height="393px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen scrolling="no"><a href="https://rss.com/podcasts/haztupodcast/">HAZ TU PODCAST</a></iframe>

Adjusting the height of the player

By default, the show player is 393px high. To change it, edit the height attribute in the embed code. This sets it to 500px:

<iframe src="https://player.rss.com/haztupodcast?theme=color&v=2" title="HAZ TU PODCAST" width="100%" height="500px" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen scrolling="no"><a href="https://rss.com/podcasts/haztupodcast/">HAZ TU PODCAST</a></iframe>

This is an example of how our player would look like with the customization above, limit=10 and height=500px.

Embedded show player with the current episode on top and a list of more episodes below

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article