Podcasts von BuzzSprout einbetten

Hallo Nathan,

Hier sind die Schritte:

  1. Gehe zur Admin-Konsole und suche nach „allowed iframes“.

  2. Füge https://www.buzzsprout.com hinzu und klicke auf das Häkchen, um die Änderung zu speichern.

  3. Füge dies zu deinem Beitrag hinzu:

    <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>
    

Das umgebende <div> ist optional, aber ich verwende es, weil ich keine Scrollbalken in meinen Iframes möchte. Wenn du dies aktivieren möchtest, musst du noch zwei weitere Schritte durchführen:

  1. Gehe zu deinem aktiven Theme, klicke auf „CSS/HTML bearbeiten“ und wähle den Tab </head> aus.
  2. Füge dies ein und speichere:
    <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>