Incorporando podcasts do BuzzSprout

Olá Nathan,

Aqui estão os passos:

  1. Acesse o console de administração e pesquise por “allowed iframes”

  2. Adicione https://www.buzzsprout.com e clique no ícone de marca de verificação para salvar a alteração

  3. Adicione o seguinte ao seu 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>
    

A tag <div> ao redor é opcional, mas eu a utilizo porque não quero barras de rolagem nos meus iframes. Se você quiser ativá-las, precisará seguir mais dois passos:

  1. Acesse seu Tema ativo, clique em “Editar CSS/HTML” e selecione a aba <head>
  2. Cole o código abaixo e salve:
    <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>