zooms's profile picture

Published by

published
updated

Category: Web, HTML, Tech

View Blog

View Profile

Report Blog Entry

How to Embed Your Twitch Stream on Your Profile

Hello, guys!

I've figured out how to embed a Twitch stream onto my profile. This also works with Twitch VODs and Clips. I believe this only works on profiles at the moment and not in blogs or bulletins, but I may be mistaken.

Remember to put your iframes outside of the <style> </style> brackets, not inside!

Channel Embed


<iframe src="https://player.twitch.tv/?channel=[YOUR TWITCH USERNAME HERE]&parent=spacehey.com" frameborder="0" allowfullscreen="true" scrolling="no" height="300" width="400"></iframe>

If you wish to, you can change the height and width values. 300 and 400 are the minimum pixel values, but percentages in the form of "100%" also works.

VOD Embed


<iframe src="https://player.twitch.tv/?video=[VOD ID]&parent=spacehey.com" frameborder="0" allowfullscreen="true" scrolling="no" height="300" width="400"></iframe>



In this example, the numbers at the end of the link is the VOD ID that you want to paste in after video=

Clips Embed


<iframe src="https://clips.twitch.tv/embed?clip=[Clip ID]&parent=spacehey.com" frameborder="0" allowfullscreen="true" scrolling="no" height="300" width="400"></iframe>

Same sort of deal for finding the Clip ID, just the long string after clips.twitch.tv/ and past it in after clip=.

For some reason or another, I'm not able to embed clips at the moment. It may not be supported yet.

I hope you found this post useful! If you're having issues, message me so I can help or so I can correct any mistakes in this post!


16 Kudos

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

Bolcon Arcade

Bolcon Arcade's profile picture

VOD's do not show up in the player, it's just a blank screen on my end.


Report Comment



Remove the brackets! it's just supposed to be the numbers

by zooms; ; Report

(instead of https://www.twitch.tv/videos/[1173087690], do https://www.twitch.tv/videos/1173087690

by zooms; ; Report

Thank You! I didn't even think of doing that!! lol

by Bolcon Arcade; ; Report

Glad I could help!

by zooms; ; Report

KNARD

KNARD's profile picture

/̸/̸i̸ ̴w̴a̸s̸ ̸l̷o̶o̵k̶i̶n̷g̶ ̴f̷o̶r̶ ̸a̸ ̶t̸u̴t̵o̸r̷i̴a̷l̶ ̶o̶n̶ ̵t̶h̴i̶s̸ ̵-̶ ̴I̴'̶v̴e̴ ̴d̶o̸n̶e̴ ̷t̶h̶i̵s̴ ̵o̶n̷ ̴m̵y̸ ̵m̴a̸i̵n̵ ̸w̴e̵b̷s̵i̴t̶e̶,̷ ̴b̶u̵t̶ ̴t̶h̶e̷ ̶s̶a̸m̸e̴ ̵i̸f̵r̶a̵m̸e̷ ̶d̶i̷d̷n̴'̸t̵ ̶w̷o̴r̶k̷ ̴f̷o̷r̷ ̸m̶e̵.̸ ̷T̴u̵r̵n̵s̶ ̶o̸u̶t̶ ̴I̵ ̸j̴u̷s̵t̴ ̵n̷e̵e̷d̶e̸d̵ ̷t̶o̸ ̴s̴i̷m̵p̸l̶i̷f̶y̶ ̵w̷i̷t̷h̵ ̸a̴ ̵b̴a̷s̶i̷c̴ ̵p̶a̸r̶e̴n̴t̴ ̷a̸n̷d̴ ̵t̵h̴a̸t̶ ̷d̷i̶d̵ ̵t̶h̵i̴s̴ ̷t̶r̵i̴c̴k̶.̷ ̶
̷/̶/̵J̵u̴s̵t̸ ̵a̴d̴d̶e̶d̶ ̷m̵i̶n̶e̶ ̴t̴h̸i̵s̵ ̶m̷o̶r̵n̴i̴n̵g̶ ̶


Report Comment

KeikoKup

KeikoKup's profile picture

Thanks for this tutorial will be using it!


Report Comment

Joshua Kennedy

Joshua Kennedy's profile picture

next level.


Report Comment

bobofhydra

bobofhydra's profile picture

needed this, thank you my friend! :-)


Report Comment

IcyTea

IcyTea's profile picture

This is really useful, can't wait to use this once I stream more


Report Comment