embedded player faqs - cms.tunein.com · the tunein embedded player is a great way to let your fans...

3
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. Live Sports. Music. News. Podcasts. EMBEDDED PLAYER FAQS 1 EMBEDDED PLAYER FAQS Last Edited March 14, 2018 Single Program Program with Episodes 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 Copy URL 1.3M Favorites ESPN Radio <iframe src=“http://tunein.com/embed/player/s299151/“styl Friday, Feb. 23, 2018 00:26:10 FEB 23 Thursday, Feb. 22, 2018 00:17:51 FEB 22 Wednesday, Feb. 21, 2018 00:21:48 FEB 21 Tuesday, Feb. 20, 2018 00:24:40 FEB 20 Monday, Feb. 19, 2018 00:17:22 FEB 19 Share Get TuneIn The Daily Today’s Hits Share Get TuneIn

Upload: voanh

Post on 30-Aug-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

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.

Live Sports. Music. News. Podcasts.

EMBEDDED PLAYER FAQS

1EMBEDDED PLAYER FAQS Last Edited March 14, 2018

Single Program Program with Episodes

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

Copy URL

1.3M FavoritesESPN Radio

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

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

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

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

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

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

Share Get TuneIn

The DailyToday’s Hits

Share Get TuneIn

Live Sports. Music. News. Podcasts.

2EMBEDDED PLAYER FAQS Last Edited March 14, 2018

Q: How do I change the width? The width of the TuneIn embedded player is 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 just as good on a mobile phone as your computer.

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.

Today’s Hits

Share Get TuneIn

Today’s Hits

Share Get TuneIn

Today’s Hits

Share

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

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

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

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

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

Share Get TuneIn

The Daily

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

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

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

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

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

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

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

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

Share Get TuneIn

The Daily

Live Sports. Music. News. Podcasts.

3EMBEDDED PLAYER FAQS Last Edited March 14, 2018

Q: How can I add a dark background? Just add “?background=dark” in the HTML code to your player.

Q: How can I customize the color? You can customize the color of the play button & progress bar by adding a bit of code to the embedded player code. Change the color by adding “?scheme=######” to the end of the iframe source code. “######” should be a 3 or 6 digit hex code. This changes the color of the scrubber, play button, and share hover state.

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

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

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

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

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

Share Get TuneIn

The Daily

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>

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>

Today’s Hits

Share Get TuneIn