1001Ferramentas
🎮Utilitários

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?
Na quase totalidade dos casos o parent não corresponde ao host que serve a página. Ele precisa ser o domínio exato, sem protocolo e sem caminho.
Dá para incorporar um VOD ou clipe?
Pelo formulário, não: ele sempre escreve channel=. Depois de copiar, troque esse trecho por video=v123456789 para apontar a um VOD.
E se o site responde em dois domínios?
A Twitch aceita mais de um parent na mesma URL. Duplique o parâmetro no código copiado, um para cada host que serve a página.

Ferramentas Relacionadas