Contents

Embedding Chat

Usage

To embed a Twitch chat window in your website, use this expression:

<iframe frameborder="<frameborder width>"
        scrolling="<scrolling>"
        src="https://www.twitch.tv/embed/<channel>/chat?parent=<parent>"
        height="<height>"
        width="<width>">
</iframe>

Parameters

Name Type Description
frameborder number Width of the chat-window border, in pixels.
height number or string Height of the chat window, in pixels. Can also be expressed as a percentage, by passing a string like 50%
parent string (Required) Domain(s) that will be embedding Twitch. You must have one parent key for each domain your site is hosted or embedded on.
scrolling string Specifies whether scrolling in the chat window is supported. Valid values: yes or no.
src string Chat window URL.
width number or string Width of the chat window, in pixels. Can be expressed as a percentage, by passing a string like 50%

Example

<iframe frameborder="0"
        scrolling="no"
        id="chat_embed"
        src="https://www.twitch.tv/embed/hebo/chat?parent=streamernews.example.com"
        height="500"
        width="350">
</iframe>