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
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!
Comments
Displaying 7 of 7 comments ( View all | Add Comment )
IchigoMoo85
thank you so much very helpful. I am using this.
Report Comment
Bolcon Arcade
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
/̸/̸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
Thanks for this tutorial will be using it!
Report Comment
Joshua Kennedy
next level.
Report Comment
bobofhydra
needed this, thank you my friend! :-)
Report Comment
IcyTea
This is really useful, can't wait to use this once I stream more
Report Comment