포럼 게시글에서 이 iframe을 작동시키고자 하지만 문제가 있습니다.
아래는 해당 iframe입니다:
<iframe title="Libsyn Player" style="border: none" src="//html5-player.libsyn.com/embed/episode/id/26030694/height/90/theme/custom/thumbnail/yes/direction/forward/render-playlist/no/custom-color/0d4d8c/" height="90" width="100%" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
도메인 "libsyn.com"을 화이트리스트에 추가해 보았지만, 여전히 작동하지 않습니다.
어디가 잘못되었나요?
안녕하세요 @BCHK,
두 가지 문제를 확인했습니다.
현재 iframe URL은 //html5-player.libsyn.com으로 시작하는데, 추가하신 도메인은 libsyn.com입니다.
허용된 iframe에 도메인을 추가한다고 해서 관련 하위 도메인이 자동으로 허용되는 것은 아닙니다.
프로토콜도 중요합니다.
https://html5-player.libsyn.com을 추가해도 작동하지 않습니다. iframe URL은 프로토콜을 명시하지 않고 //로 시작하기 때문입니다.
해당 iframe이 올바르게 임베드되도록 하려면 다음 iframe을 허용해야 합니다:
//html5-player.libsyn.com
두 번째 문제는 iframe에 width="100%" 속성이 지정되어 있다는 점입니다. width 속성은 숫자 값(픽셀로 렌더링되며, 백분율이나 다른 단위는 허용되지 않음)만 허용합니다.
iframe이 게시물의 전체 너비를 사용하도록 하려면, 단위를 지정하지 않고 width="1000"과 같은 높은 숫자 값을 설정하세요.
요약하면:
다음 허용 도메인을 추가하세요: //html5-player.libsyn.com
iframe 속성에서 width="100%"을 width="1000"으로 교체하세요.
결과물은 다음과 같습니다:
