Embedding podcasts from BuzzSprout

Product Support
13

Hi Nathan,

Here are the steps:

  1. Go to the admin console and search “allowed iframes”

  2. Add https://www.buzzsprout.com and click the check mark to save the change

  3. Add this to your post:

    <div data-theme-iframe="no-scroll">
<iframe src="https://www.buzzsprout.com/1717287/8537076?client_source=small_player&amp;iframe=true&amp;referrer=https://lacomunidad.deliberatespanish.com?player=small" width="100%" height="200" frameborder="0" scrolling="no"></iframe>
</div>

The surrounding <div> is optional, but I use it because I don’t want scrollbars in my iframes. If you want to enable it, you need to follow two more steps:

  1. Go to your active Theme, click on “Edit CSS/HTML” and select the </head> tab
  2. Paste this and save:
    <script type="text/discourse-plugin" version="0.8.42">
  api.decorateCookedElement(post =>
    post.querySelectorAll('div[data-theme-iframe="no-scroll"] iframe').forEach(iframe => {
      iframe.setAttribute('scrolling', 'no');
    }),
    { 
      id: 'iframe-decorator',
      onlyStream: true,
    }
  );
</script>