Advanced customization of the embedded player

TABLE OF CONTENTS

• Adjusting limit and height for the entire show embed
• Adjusting the number of episodes in the playlist
• Adjusting the height of the player

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.

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

<iframe src="https://player.rss.com/haztupodcast/" title="HAZ TU PODCAST" width="100%" height="345px" 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, our player show the latest 6 episodes with a button to show all in the public page. This limit can be further customized by adding a query parameter limit to the URL. Here's how you'd go around showing 10 episodes instead of the default 6:

<iframe src="https://player.rss.com/haztupodcast?limit=10" title="HAZ TU PODCAST" width="100%" height="345px" 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, our player show the latest 6 episodes and contains itself to a 345px height. This limit can be further customized by changing the attribute height that appears in the embedded code. For example, here's how you'd go around increasing the height to 500px instead of the default 345px:

<iframe src="https://player.rss.com/haztupodcast/" 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.