Incorporar um iframe do Podcast Play em uma postagem?

[BCHK (Bcguy)]

Estou tentando fazer este iframe funcionar em uma postagem no meu fórum, mas estou tendo alguns problemas.

Aqui está o 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>

Eu tentei adicionar o domínio “libsyn.com” à lista de permissões, mas nada ainda está funcionando.

O que estou fazendo de errado?

[Canapin (Coin-coin le Canapin)]

Olá @BCHK,

Identifico dois problemas.

O URL do seu iframe começa com //html5-player.libsyn.com, enquanto você adicionou o domínio libsyn.com.
Adicionar um domínio em iframes permitidos não permite automaticamente os subdomínios relacionados.

O protocolo também é importante.
Adicionar https://html5-player.libsyn.com não funcionará porque o URL do seu iframe começa com // sem especificar o protocolo.

Para permitir que este iframe seja incorporado corretamente, você precisa permitir o seguinte iframe:

//html5-player.libsyn.com

O segundo problema é que seu iframe tem o atributo width="100%". O atributo width só aceita valores numéricos (que serão renderizados como pixels, não porcentagem ou outra unidade).

Se você quiser que o iframe use a largura total da postagem, defina um valor numérico alto como width="1000" sem especificar nenhuma unidade.

---

Resumindo:

• Adicione este domínio permitido: //html5-player.libsyn.com

• Nos atributos do iframe, substitua width="100%" por width="1000"

Aqui está o resultado: