Twitch Embed Code Generator

Free tool for adding Twitch video responsive iframe to your website.

Customization options

  • Twitch URL

  • Works with video, channel, chat, clip and collection

  • Your site URL

  • Website where you will add this embed code - also called "parent" website

  • Size settings
  • Responsive
  • Aspect ratio
  • Width (in px)
  • Height (in px)
  • Video Settings
  • Autoplay video
  • Mute
  • Start time

Twitch embed code

How to embed a Twitch video using this tool?

Screenshot of url input

Paste a Twitch video link

Paste some Twitch video link in url field on the top of the left column.

Screenshot of customization options

Set custom Twitch player options

Twitch player supports many customization options like stream, clips, live channel, chat, video, collections and many more!

Screenshot of copy button

Copy generated HTML code

Copy generated HTML embed code with Twitch video! Use it on your WordPress website, PowerPoint presentation or in email.

Supported Twitch embed generator options

Explanation of all supported Twitch embedding options. Use below options to improve Twitch HTML iframe code embedded on your website.

responsive

The "responsive" option strech a Twitch embedded video to a full width of a website or a HTML container.

aspect ratio

The "aspect ratio" option always keeps the shape of the embedded Twitch player.

width and height

Appears only when the responsive option is off. Manual customization of width and height of embedded Twitch player. When the aspect ratio option is set the height will automatically recalculate based on the width.

your website url (parent website)

Every Twitch embed stream or video needs to have a "parent" website option set. For example, if you want to paste a Twitch embed code to the "example.com" website, then set "parent" option to "https://example.com".

autoplay video

The "autoplay video" option specifies whether the Twitch embedded video will automatically start to play when the Twitch player loads.

mute

Mute sound in the Twitch embedded stream or video.

start time

The "start time" option starts Twitch embedded video from a certain time

show chat

Shows an embed Twitch chat for the live stream on a current Twitch user. This option appears only when you paste a Twitch account in the "Twitch URL" option.

Twitch iframe embed options was based on https://dev.twitch.tv/docs/embed

Supported Twitch URLs

Video URLs

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

Collection URLs

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

Clip URLs

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

Channel URLs

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>