# Embedding a podcast Play iframe into a post?

**URL:** https://meta.discourse.org/t/embedding-a-podcast-play-iframe-into-a-post/256255
**Category:** Support
**Tags:** embedding
**Created:** [February 25, 2023, 6:50pm UTC](https://meta.discourse.org/t/embedding-a-podcast-play-iframe-into-a-post/256255 "2023-02-25T18:50:30Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [February 25, 2023, 6:50pm UTC](https://meta.discourse.org/t/embedding-a-podcast-play-iframe-into-a-post/256255/1 "2023-02-25T18:50:30Z")

</div>

I’m trying to get this iframe to work in a post at my forum, but I’m having some issues.

Here is the 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>`

I’ve tried adding the domain “[libsyn.com](http://libsyn.com)” to the whitelist, but still nothing is working.

What am I doing wrong?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 25, 2023, 7:29pm UTC](https://meta.discourse.org/t/embedding-a-podcast-play-iframe-into-a-post/256255/2 "2023-02-25T19:29:30Z")

</div>

Hello @BCHK,

I identify two issues.

Your iframe URL starts with `//html5-player.libsyn.com` whereas you added the domain `libsyn.com`.  
Adding a domain in the **allowed iframes** doesn’t automatically allow the related subdomains.

The protocol is also important.  
Adding `https://html5-player.libsyn.com` won’t work because your iframe URL starts with `//` without specifying the protocol.

In order to properly allow this iframe to be embedded, you need to allow the following iframe:

`//html5-player.libsyn.com`

The second issue is that your iframe has the attribute `width="100%"`. The attribute `width` only accepts numerical values (that will be rendered as pixels, not percentage or another unit).

If you want the iframe to use the full post width, set a high numerical value like `width="1000"` without specifying any unit.

* * *

In brief:

- Add this allowed domain: `//html5-player.libsyn.com`

- In the iframe attributes, replace `width="100%"` with `width="1000"`

Here’s the result:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/e/07efb21de98ab014da42b9fdc9d189294bbf2a30.png)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [March 27, 2023, 7:36pm UTC](https://meta.discourse.org/t/embedding-a-podcast-play-iframe-into-a-post/256255/5 "2023-03-27T19:36:17Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
