Gerador de Embed da Twitch
Gere o código de embed (iframe) de um player da Twitch a partir do nome do canal e do domínio do site. Incorpore lives e VODs na sua página em segundos.
Iframe da Twitch com o parent correto
Você copia a URL do player da Twitch, joga dentro de um iframe e recebe um retângulo preto avisando que o embed foi bloqueado. O culpado quase sempre é o parâmetro parent, que a Twitch passou a exigir e que precisa bater exatamente com o domínio onde a página está sendo servida. Este gerador escreve o iframe já com esse parâmetro no lugar certo.
Você informa o canal, o domínio pai e as medidas, e sai um iframe apontando para player.twitch.tv com channel e parent na query. O domínio vai pelado, sem https:// e sem barra no fim: só o host, como exemplo.com.br ou localhost. O nome do canal é filtrado para letras, números e sublinhado. Largura e altura entram como atributos, então mantenha a proporção 16:9 se não quiser barras pretas.
O código gerado sempre aponta para o canal ao vivo. Para incorporar um VOD, troque channel=nome por video=v123456789 na URL copiada, porque o formulário não tem esse campo. Se o mesmo site atende em www e sem www, ou tem ambiente de homologação, repita o parâmetro parent para cada host. E lembre que o embed só carrega em páginas servidas por HTTPS, com localhost como exceção. Tudo é montado no navegador.
Perguntas frequentes
Por que o player aparece preto ou com erro?
Dá para incorporar um VOD ou clipe?
E se o site responde em dois domínios?
Ferramentas Relacionadas
Gerador de Embed Google Maps
Monta um <iframe> simples para incorporar Google Maps a partir de um endereço ou coordenadas.
Gerador de Embed do YouTube
Monta um <iframe> de incorporação do YouTube a partir do ID do vídeo, com dimensões customizáveis.
Gerador de iframe
Monta um <iframe> genérico com src, largura, altura e atributos opcionais (sandbox, allow).