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

Incorpore gratuitamente uma transmissão em direto, uma emissão anterior ou um clipe do Twitch no seu site. Adicione o seu domínio e copie um código de leitor pronto a usar. Sem necessidade de registo.
Gerador de código de incorporação do Twitch
Mostra a transmissão em direto do canal. Um nome ou uma ligação, por exemplo https://www.twitch.tv/twitch
Quer mostrar todo o channel como uma galeria que se atualiza sozinha?
Raio dos cantos

Incorpore o vídeo

<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>

  1. Clique em Copiar código acima para o copiar.
  2. Abra o ficheiro HTML ou o modelo da página.
  3. Cole o código dentro de <body>, onde o conteúdo deve aparecer.
  4. 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 →

Antes de sair

Precisa de mais do que um vídeo? Mostre todo o channel como uma galeria interativa que se atualiza sozinha.

Criar uma galeria do Twitch →
Ou partilhe esta ferramenta gratuita:
Elfsight Video Gallery

Mostre transmissões e vídeos de vários canais

O Video Gallery apresenta vídeos do Twitch de um canal ou categoria, junto aos seus vídeos do YouTube.
  • 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

Visita guiada — separadores, layout, estilo de cartão, tema escuro, o visualizador e o seu apelo à ação

Este gerador vs. o código de incorporação do próprio Twitch

O código de incorporação do Twitch funciona, mas tem de preencher o seu domínio e escolher o leitor certo por si. Veja a diferença.
Botão Incorporar do próprio Twitch
Este gerador
O seu domínio (parent)
Adiciona cada domínio ao código manualmente.
Escreva um ou mais domínios; o https://, os caminhos e as portas são removidos por si.
Transmissões, vídeos e clipes
Leitores e URLs diferentes para cada um.
Cole qualquer ligação de twitch.tv ou de clipe — escolhe o leitor certo.
IDs de vídeo
Precisam de um v à frente do número.
Adiciona o v por si.
Reprodução automática
As transmissões e os vídeos começam sozinhos por predefinição; os clipes não.
Desativada, a menos que a ative; Começar sem som vem ativado por predefinição.
Tamanho
Define a largura e a altura; pelo menos 400×300 px.
Contentor responsivo 16:9 opcional.

O seu domínio (parent)

Botão Incorporar do próprio Twitch

Adiciona cada domínio ao código manualmente.

Este gerador

Escreva um ou mais domínios; o https://, os caminhos e as portas são removidos por si.

Transmissões, vídeos e clipes

Botão Incorporar do próprio Twitch

Leitores e URLs diferentes para cada um.

Este gerador

Cole qualquer ligação de twitch.tv ou de clipe — escolhe o leitor certo.

IDs de vídeo

Botão Incorporar do próprio Twitch

Precisam de um v à frente do número.

Este gerador

Adiciona o v por si.

Reprodução automática

Botão Incorporar do próprio Twitch

As transmissões e os vídeos começam sozinhos por predefinição; os clipes não.

Este gerador

Desativada, a menos que a ative; Começar sem som vem ativado por predefinição.

Tamanho

Botão Incorporar do próprio Twitch

Define a largura e a altura; pelo menos 400×300 px.

Este gerador

Contentor responsivo 16:9 opcional.

Como usar o gerador de Gerador de código de incorporação do Twitch

  1. Escolha o que incorporar

    Um canal em direto, uma emissão anterior ou um clipe.

  2. Adicione o seu domínio

    O Twitch só reproduz incorporações nos domínios indicados no parâmetro parent.

  3. Copie o código

    Cole-o num bloco de HTML ou de incorporação nesse domínio.

Parâmetros de incorporação do Twitch

Parâmetro
O que faz
Exemplo
channel
Mostra a transmissão em direto de um canal.
channel=yourchannel
video
Mostra uma emissão anterior, um destaque ou um envio. O ID precisa de um v à frente.
video=v123456789
collection
Reproduz uma coleção de vídeos. Com video, começa nesse vídeo.
collection=abc123
clip
Mostra um clipe. Usado com https://clips.twitch.tv/embed.
clip=SlugOfTheClip
parent
Domínio autorizado a mostrar o leitor. Obrigatório. Repita-o para cada domínio.
parent=example.com&parent=www.example.com
autoplay
Inicia a reprodução sem um clique. Predefinição: true para transmissões e vídeos, false para clipes.
autoplay=false
muted
Começa sem som. Predefinição: false.
muted=true
time
Ponto de início de um vídeo, em horas, minutos e segundos.
time=1h2m3s
width, height
Tamanho do leitor em píxeis ou percentagem. Mínimo de 400×300.
width="100%"
allowfullscreen
Atributo do iframe que permite aos espectadores passar para ecrã inteiro.
<iframe … allowfullscreen>

channel

O que faz

Mostra a transmissão em direto de um canal.

Exemplo

channel=yourchannel

video

O que faz

Mostra uma emissão anterior, um destaque ou um envio. O ID precisa de um v à frente.

Exemplo

video=v123456789

collection

O que faz

Reproduz uma coleção de vídeos. Com video, começa nesse vídeo.

Exemplo

collection=abc123

clip

O que faz

Mostra um clipe. Usado com https://clips.twitch.tv/embed.

Exemplo

clip=SlugOfTheClip

parent

O que faz

Domínio autorizado a mostrar o leitor. Obrigatório. Repita-o para cada domínio.

Exemplo

parent=example.com&parent=www.example.com

autoplay

O que faz

Inicia a reprodução sem um clique. Predefinição: true para transmissões e vídeos, false para clipes.

Exemplo

autoplay=false

muted

O que faz

Começa sem som. Predefinição: false.

Exemplo

muted=true

time

O que faz

Ponto de início de um vídeo, em horas, minutos e segundos.

Exemplo

time=1h2m3s

width, height

O que faz

Tamanho do leitor em píxeis ou percentagem. Mínimo de 400×300.

Exemplo

width="100%"

allowfullscreen

O que faz

Atributo do iframe que permite aos espectadores passar para ecrã inteiro.

Exemplo

<iframe … allowfullscreen>

Fonte: Twitch Developers: Incorporar vídeo e clipes

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

O que incorpora
URL do leitor
Transmissão em direto
https://player.twitch.tv/?channel=NAME&parent=example.com
Emissão anterior, destaque ou envio
https://player.twitch.tv/?video=v123456789&parent=example.com
Coleção
https://player.twitch.tv/?collection=ID&parent=example.com
Clipe
https://clips.twitch.tv/embed?clip=SLUG&parent=example.com

Transmissão em direto

URL do leitor

https://player.twitch.tv/?channel=NAME&parent=example.com

Emissão anterior, destaque ou envio

URL do leitor

https://player.twitch.tv/?video=v123456789&parent=example.com

Coleção

URL do leitor

https://player.twitch.tv/?collection=ID&parent=example.com

Clipe

URL do leitor

https://clips.twitch.tv/embed?clip=SLUG&parent=example.com

Uma 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

Código de incorporação
Video Gallery
Vídeos por incorporação
Um vídeo (ou uma playlist)
Vídeos ilimitados num só widget
Mantém-se atualizado
Edite o código a cada novo vídeo
Os novos vídeos de Twitch aparecem automaticamente
Combine fontes
Uma plataforma por excerto
YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer link de vídeo
Layouts
Leitor único
Leitor com Galeria, Carrossel, Grelha, Masonry, Playlist
Design responsivo
Precisa de um contentor CSS
Integrado
Programação
Copiar e colar código para cada vídeo
Sem código — edite visualmente no editor
Preço
Grátis
Plano gratuito, sem cartão de crédito

Vídeos por incorporação

Código de incorporação

Um vídeo (ou uma playlist)

Video Gallery

Vídeos ilimitados num só widget

Mantém-se atualizado

Código de incorporação

Edite o código a cada novo vídeo

Video Gallery

Os novos vídeos de Twitch aparecem automaticamente

Combine fontes

Código de incorporação

Uma plataforma por excerto

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer link de vídeo

Layouts

Código de incorporação

Leitor único

Video Gallery

Leitor com Galeria, Carrossel, Grelha, Masonry, Playlist

Design responsivo

Código de incorporação

Precisa de um contentor CSS

Video Gallery

Integrado

Programação

Código de incorporação

Copiar e colar código para cada vídeo

Video Gallery

Sem código — edite visualmente no editor

Preço

Código de incorporação

Grátis

Video Gallery

Plano gratuito, sem cartão de crédito

Perguntas frequentes

Documentação oficial

Mais ferramentas gratuitas

Guias relacionados

Como incorporar um vídeo num site

Carregue o vídeo para o YouTube ou o Vimeo e cole o respetivo código de incorporação, use a etiqueta de vídeo HTML5 para ficheiros alojados por si ou use um widget de galeria de vídeos quando precisar de vários vídeos. Eis como cada método funciona e quando o usar.Como incorporar um vídeo num site