# Help us embed a web player in our posts w custom component

**URL:** https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556
**Category:** Support
**Created:** [April 10, 2020, 2:32pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556 "2020-04-10T14:32:32Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![cloudunicorn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cloudunicorn/32/88774_2.png) [@cloudunicorn](https://meta.discourse.org/u/cloudunicorn)
#### Post date: [April 10, 2020, 2:32pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/1 "2020-04-10T14:32:32Z")

</div>

What would you like done?

It’s my understanding we need a theme component that will allow us to embed an audio player in posts on our forum - we’re using [radio.co](http://radio.co) for a radio show and the embed codes do not seem to work at all (show up blank in posts). We’d like to embed the web player in a post on our forum.

When do you need it done?

As soon as possible - Radio station is about to launch. 🙂

What is your budget, in $ USD that you can offer for this task?

Not huge budget, unfortunately - if someone thinks I’m wrong about needing this custom component, happy to hear it. Otherwise would love a quote because I’m very unclear on how complex this work is.

---

<div class="post-metadata">

### Author: ![justin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin/32/157614_2.png) [@justin](https://meta.discourse.org/u/justin)
#### Post date: [April 10, 2020, 2:37pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/2 "2020-04-10T14:37:49Z")

</div>

What embed codes are you using? Are they iframes? If so there’s a setting under admin called `allowed iframes` where you can add the domain name from the `src` field on the iframe so it can render.

I’ll move this to #Support if that’s the case – if not, I’ll delete my message to keep #Marketplace clean.

---

<div class="post-metadata">

### Author: ![cloudunicorn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cloudunicorn/32/88774_2.png) [@cloudunicorn](https://meta.discourse.org/u/cloudunicorn)
#### Post date: [April 10, 2020, 2:43pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/3 "2020-04-10T14:43:20Z")

</div>

Thx Justin…

I’ve tried three versions, all below. A div embed, a script embed, and an iframe version. I just added to the iframe setting as in screenshot below, but these embed code(s) produced no results (do I need to rebuild my forum?).

```
<div class="radioplayer" data-src="<em><strong>https://streaming.radio.co/sf948a351d/listen</strong></em>" data-autoplay="false" data-playbutton="true" data-volumeslider="true" data-elapsedtime="true" data-nowplaying="true" data-showplayer="true" data-volume="50" data-showartwork="false"></div>

```

 ![Screenshot 2020-04-10 08.42.14](https://global.discourse-cdn.com/meta/original/3X/e/5/e5a206a98efc2bac036313e3a4063204f35b7def.png)

---

<div class="post-metadata">

### Author: ![justin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin/32/157614_2.png) [@justin](https://meta.discourse.org/u/justin)
#### Post date: [April 10, 2020, 2:48pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/4 "2020-04-10T14:48:44Z")

</div>

You’ll need an iframe if that’s the route you need to go. divs will not work as we strip out most HTML from posts.

If you don’t have an iframe embed option using an `<iframe>` tag, you’ll need to have someone develop a custom embed using a theme component as you originally were asking.

---

<div class="post-metadata">

### Author: ![cloudunicorn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cloudunicorn/32/88774_2.png) [@cloudunicorn](https://meta.discourse.org/u/cloudunicorn)
#### Post date: [April 10, 2020, 2:50pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/5 "2020-04-10T14:50:33Z")

</div>

Got it - the 3rd is an iframe code. It does appear adding the full url to our iframe whitelist got us a player, so we’re 90% to where we need to be and this ticket can be closed.

Thanks a lot!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 10, 2020, 8:27pm UTC](https://meta.discourse.org/t/help-us-embed-a-web-player-in-our-posts-w-custom-component/147556/6 "2020-04-10T20:27:42Z")

</div>