Gerador de código de incorporação do Twitch

<div style="position:relative;border-radius:24px;overflow:hidden;width:100%;aspect-ratio:16 / 9;"> <iframe style="position:absolute;inset:0;width:100%;height:100%;border:0;" src="https://player.twitch.tv/?channel=twitch&parent=example.com&autoplay=false&muted=true" title="Twitch player" loading="lazy" allowfullscreen></iframe> </div> <p style="margin:4px auto 0;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Criado com <a href="https://elfsight.pt/tools/twitch-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>
- Clique em Copiar código acima para o copiar.
- Abra o ficheiro HTML ou o modelo da página.
- Cole o código dentro de
<body>, onde o conteúdo deve aparecer. - Guarde e carregue a página e abra-a num navegador para verificar.
Precisa de mais do que um vídeo?
Mostre todo o channel como uma galeria interativa que se atualiza sozinha.
Veja o Video Gallery para HTML →Mostre transmissões e vídeos de vários canais
Atualiza-se quando publica novos vídeos
Carrossel, grelha, mosaico ou leitor com playlist
YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer ligação de vídeo
Sem programar — funciona em qualquer website

Este gerador vs. o código de incorporação do próprio Twitch
parent)https://, os caminhos e as portas são removidos por si.v à frente do número.v por si.O seu domínio (parent)
Botão Incorporar do próprio Twitch
Este gerador
https://, os caminhos e as portas são removidos por si.Transmissões, vídeos e clipes
Botão Incorporar do próprio Twitch
Este gerador
IDs de vídeo
Botão Incorporar do próprio Twitch
v à frente do número.Este gerador
v por si.Reprodução automática
Botão Incorporar do próprio Twitch
Este gerador
Tamanho
Botão Incorporar do próprio Twitch
Este gerador
Como usar o gerador de Gerador de código de incorporação do Twitch
Escolha o que incorporar
Um canal em direto, uma emissão anterior ou um clipe.
Adicione o seu domínio
O Twitch só reproduz incorporações nos domínios indicados no parâmetro parent.
Copie o código
Cole-o num bloco de HTML ou de incorporação nesse domínio.
Parâmetros de incorporação do Twitch
channelchannel=yourchannelvideov à frente.video=v123456789collectionvideo, começa nesse vídeo.collection=abc123cliphttps://clips.twitch.tv/embed.clip=SlugOfTheClipparentparent=example.com&parent=www.example.comautoplaytrue para transmissões e vídeos, false para clipes.autoplay=falsemutedfalse.muted=truetimetime=1h2m3swidth, heightwidth="100%"allowfullscreen<iframe … allowfullscreen>channel
O que faz
Exemplo
channel=yourchannelvideo
O que faz
v à frente.Exemplo
video=v123456789collection
O que faz
video, começa nesse vídeo.Exemplo
collection=abc123clip
O que faz
https://clips.twitch.tv/embed.Exemplo
clip=SlugOfTheClipparent
O que faz
Exemplo
parent=example.com&parent=www.example.comautoplay
O que faz
true para transmissões e vídeos, false para clipes.Exemplo
autoplay=falsemuted
O que faz
false.Exemplo
muted=truetime
O que faz
Exemplo
time=1h2m3swidth, height
O que faz
Exemplo
width="100%"allowfullscreen
O que faz
Exemplo
<iframe … allowfullscreen>O erro do parent — o que é e como o resolver
O leitor mostra um erro em vez da transmissão
O Twitch obriga cada incorporação a listar os domínios onde funciona no parâmetro parent. Se estiver em falta ou não corresponder ao domínio da página, os espectadores veem um erro e uma ligação para ver no Twitch. Coloque o seu domínio em parent como um nome simples, como parent=example.com — sem https://, sem caminho, sem porta.
Funciona num endereço mas não noutro
Adicione um parent para cada domínio em que a página abre, por exemplo parent=example.com&parent=www.example.com&parent=staging.example.com.
O seu site não usa HTTPS
O Twitch exige que os sites que incorporam o seu leitor usem um certificado SSL. Abra a página através de https://; uma página http:// simples não reproduz.
Só falha dentro do seu construtor de sites
Alguns construtores mostram o seu código dentro de um frame no seu próprio domínio. Adicione esse domínio como outro parent ou verifique a página publicada em vez do editor.
O leitor é demasiado pequeno
As incorporações do Twitch têm de ter pelo menos 400 px de largura e 300 px de altura.
A reprodução automática não arranca
A reprodução automática exige que o leitor seja suficientemente grande e esteja visível no ecrã. Nos telemóveis, os espectadores têm de tocar em reproduzir. Não tape o leitor com outros elementos da página.
Ligações do leitor para transmissões, vídeos e clipes
https://player.twitch.tv/?channel=NAME&parent=example.comhttps://player.twitch.tv/?video=v123456789&parent=example.comhttps://player.twitch.tv/?collection=ID&parent=example.comhttps://clips.twitch.tv/embed?clip=SLUG&parent=example.comTransmissão em direto
URL do leitor
https://player.twitch.tv/?channel=NAME&parent=example.comEmissão anterior, destaque ou envio
URL do leitor
https://player.twitch.tv/?video=v123456789&parent=example.comColeção
URL do leitor
https://player.twitch.tv/?collection=ID&parent=example.comClipe
URL do leitor
https://clips.twitch.tv/embed?clip=SLUG&parent=example.comUma incorporação de canal só mostra a transmissão enquanto o canal está em direto. Os clipes têm o seu próprio leitor em clips.twitch.tv. Todos os URLs precisam de parent com o seu domínio e o seu site tem de usar HTTPS. Consulte a documentação de incorporação de vídeo e clipes do Twitch.
Código de incorporação vs. Elfsight Video Gallery
Vídeos por incorporação
Código de incorporação
Video Gallery
Mantém-se atualizado
Código de incorporação
Video Gallery
Combine fontes
Código de incorporação
Video Gallery
Layouts
Código de incorporação
Video Gallery
Design responsivo
Código de incorporação
Video Gallery
Programação
Código de incorporação
Video Gallery
Preço
Código de incorporação
Video Gallery