Advanced customization of the embedded player

Modified on Wed, 13 Mar at 10:46 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.



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.



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