Skip to content

Instantly share code, notes, and snippets.

@arxdsilva

arxdsilva/embed-video-and-chat.md

Created December 14, 2016 16:28
Show Gist options
  • Save arxdsilva/1fde7edf6ee3bec4419995d1460a6f2f to your computer and use it in GitHub Desktop.
Save arxdsilva/1fde7edf6ee3bec4419995d1460a6f2f to your computer and use it in GitHub Desktop.
Download ZIP
Embedding Twitch LiveStream and chat
Raw
embed-video-and-chat.md

##Parameters: Channel: the target live streamer you want to use; height: in pixels the height you want the video to be; width: in pixels the width you want the video to be.

##Video Code:

<iframe src="http://player.twitch.tv/?channel={CHANNEL}" allowfullscreen height="X" width="Y" *class="col-md-12">
</iframe>
  • => OBS: As I was using BootStrap and wanted the video to fullfil all my div I used class="col-md-12", IDK If It is the best practice but It worked for me

##Chat Code:

<iframe frameborder="0" 
        scrolling="no" 
        id="chat_embed" 
        src="http://www.twitch.tv/{CHANNEL}/chat" 
        height="{HEIGHT}" 
        width="{WIDTH}">
</iframe>```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment