Live Sports. Music. News. Podcasts.

EMBEDDED PLAYER
FAQS
The TuneIn Embedded player is a great way to let your fans listen to your station or
show on TuneIn directly from your website or blog.

Single Program Program with Episodes

Today’s Hits The Daily

Share Get TuneIn Share Get TuneIn

FEB
23 Friday, Feb. 23, 2018 00:26:10

FEB
22 Thursday, Feb. 22, 2018 00:17:51

FEB
21 Wednesday, Feb. 21, 2018 00:21:48

FEB
20 Tuesday, Feb. 20, 2018 00:24:40

FEB
19 Monday, Feb. 19, 2018 00:17:22

You can grab this code right from your station or show’s profile. Just click the share button, copy the
code, and paste it into your website or blog!

Share & Embed

ESPN Radio
1.3M Favorites

<iframe src=“http://tunein.com/embed/player/s299151/“styl

Copy URL

EMBEDDED PLAYER FAQS Last Edited March 14, 2018 1

 Live Sports. Music. News. Podcasts.

Q: How do I change the width?

Today’s Hits
The width of the TuneIn embedded player is
Share Get TuneIn
responsive so it will adjust to the width of
whatever section of your site you put it into. We
recommend you keep it set to 100% so that it looks
Today’s Hits
just as good on a mobile phone as your computer.
Share Get TuneIn

Today’s Hits
Share

Q: Can I change the height?

The standard height of the embed player for stations is 100px and cannot currently be changed. For
programs our default is 350px. To increast the number of episodes you can see, just increase the height.
To show fewer episodes, decrease the height.

The Daily The Daily

Share Get TuneIn Share Get TuneIn

FEB FEB
23 Friday, Feb. 23, 2018 00:26:10 23 Friday, Feb. 23, 2018 00:26:10

FEB FEB
22 Thursday, Feb. 22, 2018 00:17:51 22 Thursday, Feb. 22, 2018 00:17:51

FEB FEB
21 Wednesday, Feb. 21, 2018 00:21:48 21 Wednesday, Feb. 21, 2018 00:21:48

FEB FEB
20 Tuesday, Feb. 20, 2018 00:24:40 20 Tuesday, Feb. 20, 2018 00:24:40

FEB FEB
19 Monday, Feb. 19, 2018 00:17:22 19 Monday, Feb. 19, 2018 00:17:22

FEB
16 Friday, Feb. 16, 2018 00:24:40

FEB
15 Thursday, Feb. 15, 2018 00:32:10

FEB
14 Wednesday, Feb. 14, 2018 00:44:10

EMBEDDED PLAYER FAQS Last Edited March 14, 2018 2

 Live Sports. Music. News. Podcasts.

Q: How can I customize the color?

The Daily
You can customize the color of the play button &
Share Get TuneIn
progress bar by adding a bit of code to the
embedded player code. Change the color by adding FEB
23 Friday, Feb. 23, 2018 00:26:10

“?scheme=######” to the end of the iframe source FEB

Thursday, Feb. 22, 2018
code. “######” should be a 3 or 6 digit hex code. 22 00:17:51

This changes the color of the scrubber, play button, FEB

21 Wednesday, Feb. 21, 2018 00:21:48

and share hover state. FEB

20 Tuesday, Feb. 20, 2018 00:24:40

FEB
19 Monday, Feb. 19, 2018 00:17:22

Default code:
<iframe src="https://tunein.com/embed/player/t118156977/" style="width:100%; height:100px;"
scrolling="no" frameborder=“no"></iframe>

Code with color changes:

<iframe src="https://tunein.com/embed/player/t118156977/?scheme=006DB8” style="width:
100%; height:100px;" scrolling="no" frameborder="no"></iframe>

Q: How can I add a dark background? Today’s Hits

Just add “?background=dark” in the HTML code to your player. Share Get TuneIn

Default code:
<iframe src="https://tunein.com/embed/player/t118156977/" style="width:100%; height:100px;"
scrolling="no" frameborder="no"></iframe>

Code with color changes:

<iframe src="https://tunein.com/embed/player/t118156977/?background=dark” style="width:
100%; height:100px;" scrolling="no" frameborder="no"></iframe>

EMBEDDED PLAYER FAQS Last Edited March 14, 2018 3