Intégrer des podcasts de BuzzSprout

Assistance produit
13

Bonjour Nathan,

Voici les étapes à suivre :

  1. Accédez à la console d’administration et recherchez « iframes autorisées ».

  2. Ajoutez https://www.buzzsprout.com et cliquez sur la coche pour enregistrer le changement.

  3. Ajoutez ceci à votre publication :

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

La balise <div> environnante est facultative, mais je l’utilise car je ne veux pas de barres de défilement dans mes iframes. Si vous souhaitez l’activer, vous devez suivre deux étapes supplémentaires :

  1. Accédez à votre thème actif, cliquez sur « Modifier CSS/HTML » et sélectionnez l’onglet </head>.
  2. Collez ceci et enregistrez :
    <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>