Twitch Embed Builder

You copy the Twitch player URL into an iframe and get a black rectangle telling you the embed was refused. Nine times out of ten the culprit is the parent parameter, which Twitch now requires and which has to match the exact domain serving your page. This builder writes the iframe with that parameter already in place, so the first attempt is not a debugging session.

Give it a channel, a parent domain and the dimensions, and you get an iframe pointing at player.twitch.tv with channel and parent in the query string. The domain goes in bare: no https://, no trailing slash, just the host, like example.com or localhost. The channel name is filtered down to letters, digits and underscores. Width and height land as attributes, so keep them 16:9 unless you enjoy letterboxing.

The generated code always targets a live channel. To embed a VOD, swap channel=name for video=v123456789 in the copied URL, since the form has no field for it. If your site answers on both the apex and www, or you also run a staging host, repeat the parent parameter once per host. Twitch also refuses to load the embed on pages served over plain HTTP, localhost aside. It all builds in the browser.