¿Incrustar un iframe de reproducción de podcast en una publicación?

[BCHK (Bcguy)]

Estoy intentando que este iframe funcione en una publicación de mi foro, pero tengo algunos problemas.

Aquí está el 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>

He intentado agregar el dominio “libsyn.com” a la lista blanca, pero todavía no funciona nada.

¿Qué estoy haciendo mal?

[Canapin (Coin-coin le Canapin)]

Hola @BCHK,

Identifico dos problemas.

La URL de tu iframe comienza con //html5-player.libsyn.com mientras que añadiste el dominio libsyn.com.
Añadir un dominio en los iframes permitidos no permite automáticamente los subdominios relacionados.

El protocolo también es importante.
Añadir https://html5-player.libsyn.com no funcionará porque la URL de tu iframe comienza con // sin especificar el protocolo.

Para permitir correctamente la incrustación de este iframe, necesitas permitir el siguiente iframe:

//html5-player.libsyn.com

El segundo problema es que tu iframe tiene el atributo width="100%". El atributo width solo acepta valores numéricos (que se renderizarán como píxeles, no como porcentaje u otra unidad).

Si quieres que el iframe utilice el ancho completo de la publicación, establece un valor numérico alto como width="1000" sin especificar ninguna unidad.

---

En resumen:

• Añade este dominio permitido: //html5-player.libsyn.com

• En los atributos del iframe, reemplaza width="100%" con width="1000"

Aquí está el resultado: