[SOLVED] Correct way to embeding chat

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.

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>

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

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.

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/

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

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

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

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