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에 스크롤바가 표시되기를 원하지 않기 때문에 사용하고 있습니다. 활성화하려면 두 가지 추가 단계를 따라야 합니다:

  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>