BuzzSproutからのポッドキャストの埋め込み

製品サポート
13

こんにちは、ネイサンさん。

手順は以下の通りです：

  1. 管理コンソールにアクセスし、「allowed iframes」を検索します。

  2. https://www.buzzsprout.com を追加し、チェックマークをクリックして変更を保存します。

  3. ご自身の投稿に以下を追加します：

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

囲んでいる <div> は必須ではありませんが、私は iframe にスクロールバーが表示されないようにするため使用しています。これを有効にしたい場合は、さらに以下の 2 手順を実行する必要があります：

  1. 使用中のテーマに移動し、「Edit CSS/HTML」をクリックして、</head> タブを選択します。
  2. 以下を貼り付けて保存します：
    <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>