We have a fully customisable embeddable podcast player that you can use on your website. You can choose to either embed a specific episode or embed your show (which displays a playlist of all your episodes). 


How to embed an episode in a website



1. Sign into your Whooshkaa account, select “Shows & Episodes” from the side menu on the left. Now click the "Episodes" button on the show that the episode belongs to.



2. Choose the episode you'd like to embed, click the “Actions” button next to it and then “Embed.”



3. Select and customise the player that best matches your site.




4. Important: The "Autoplay" option is there for special cases where the player is lazy-loaded or enabled via a primary play function that is implemented on your website. Do not use the "Autoplay" option unless you are certain that this is what you would like as this may have unwanted results in your listen analytics. If unsure, please contact us.


5. When you're ready, navigate to the “How To Embed It” tab. Here you can choose to embed your Show via our Javascript (JS) widget or an iframe. Click the "Copy Embed Code" button of your preferred embed method to place the embed code onto your clipboard.


  1. Embed via JS - Paste the code from the clipboard into the JS code section of your site/blog post.
  2. Embed via iFrame - Paste the code from the clipboard into the HTML code section of your site/blog post. Please note that the editor of your site/blog post must support iframe tags in order for the player to work, otherwise it may not render correctly.

 

 


Iframe "sandbox" setting


Some content management systems may append additional code to the iframe, including the "sandbox" attribute. This attribute may block the loading of the player on some browsers.


In the case that this restricts the loading of the player, you may need make sure the following attribute values are set for the "sandbox" attribute (which will actually deem the sandbox ineffective -- please ensure that this is what you want to do):

  • allow-same-origin
  • allow-scripts