# \[SOLVED\] Correct way to embeding chat

**URL:** <https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649>\
**Category:** API\
**Created:** [April 7, 2014, 7:20am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649 "2014-04-07T07:20:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![xlordt](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/xlordt/32/3733_2.png) [@xlordt](https://staging-discuss.dev.twitch.com/u/xlordt)\
**Post date:** [April 7, 2014, 7:20am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/1 "2014-04-07T07:20:11Z")

</div>

Forgive my ignorance here, but I have been searching for the correct way of embeding the twitch chat on my  
website. I know that by using iframe id=“chat\_embed” will result in to an “unsupported player”. If this is so, is there another way of doing this correctly?

Thank you.

---

<div class="post-metadata">

**Author:** ![Teak](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/teak/32/187_2.png) [@Teak](https://staging-discuss.dev.twitch.com/u/Teak)\
**Post date:** [April 7, 2014, 7:27am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/2 "2014-04-07T07:27:33Z")

</div>

Using an iframe is correct. The html id does not matter, accept for your own needs, such as styling or javascript interaction. You can set the size using css. The only important thing is the url you use. In the following sample you can change the width and height to fit your needs. All that needs changing is the Twitch username. Just set it to your name and it will load your chat.

```
<iframe style="width: 300px; height: 500px;" src="http://twitch.tv/YOUR_TWITCH_NAME_HERE/chat?popout="></iframe>
```

---

<div class="post-metadata">

**Author:** ![xlordt](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/xlordt/32/3733_2.png) [@xlordt](https://staging-discuss.dev.twitch.com/u/xlordt)\
**Post date:** [April 7, 2014, 7:33am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/3 "2014-04-07T07:33:41Z")

</div>

Hi Teak, the problem is that I keep getting “Unsupported player” when using iframe.

---

<div class="post-metadata">

**Author:** ![Teak](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/teak/32/187_2.png) [@Teak](https://staging-discuss.dev.twitch.com/u/Teak)\
**Post date:** [April 7, 2014, 7:48am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/4 "2014-04-07T07:48:35Z")

</div>

The only reason I can think of that would cause that, would be if you are trying to embed the HTML5 hls player. That is not chat. Try changing the url in your frame to the one that I provided above. Don’t forget to change the name to your name.

---

<div class="post-metadata">

**Author:** ![xlordt](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/xlordt/32/3733_2.png) [@xlordt](https://staging-discuss.dev.twitch.com/u/xlordt)\
**Post date:** [April 7, 2014, 7:58am UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/5 "2014-04-07T07:58:18Z")

</div>

yeah… here is what I am using

```
<iframe style="width: 300px; height: 500px;" src="http://twitch.tv/xlordt/chat"></iframe>

```

just in case… I change the original chan name, since it was being used for testing.

you can see the example here… [http://videoglue.hexcoderz.net/](http://videoglue.hexcoderz.net/)

**EDIT** : Oh, its working on I.E, but not on firefox… hmm must be an addon or something, anyways I will check this out further, I should of done so before. Thanks for your help Teak.

**Edit** Reinstalling flash on firefox fixed my issue… thanks again

---

<div class="post-metadata">

**Author:** ![Teak](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/teak/32/187_2.png) [@Teak](https://staging-discuss.dev.twitch.com/u/Teak)\
**Post date:** [April 7, 2014, 10:10pm UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/6 "2014-04-07T22:10:43Z")

</div>

Could it have been a browser caching problem? Just curious…

---

<div class="post-metadata">

**Author:** ![xlordt](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/xlordt/32/3733_2.png) [@xlordt](https://staging-discuss.dev.twitch.com/u/xlordt)\
**Post date:** [April 7, 2014, 10:52pm UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/7 "2014-04-07T22:52:49Z")

</div>

I though so my self at first, but that did nothing after clearing everything. So I decided to just reinstall flash and that worked :).

---

<div class="post-metadata">

**Author:** ![David\_Torres](https://avatars.discourse-cdn.com/v4/letter/d/a6a055/32.png) [@David\_Torres](https://staging-discuss.dev.twitch.com/u/David_Torres)\
**Post date:** [December 10, 2015, 10:58pm UTC](https://staging-discuss.dev.twitch.com/t/solved-correct-way-to-embeding-chat/649/8 "2015-12-10T22:58:55Z")

</div>

Thanks for the help. Some reason mine was just loading and nothing happened till I took your code.