Gerador de Código de Incorporação Twitch

Ferramenta gratuita para adicionar um iframe responsivo de vídeo Twitch ao seu site.

Opções de personalização

  • URL do Twitch

  • Funciona com vídeo, canal, chat, clip e coleção

  • URL do seu site

  • Site onde você inserirá este código de incorporação - também chamado de site "pai"

  • Configurações de tamanho
  • Responsivo
  • Proporção de tela
  • Largura (em px)
  • Altura (em px)
  • Configurações De Vídeo
  • Reprodução automática
  • Silenciar
  • Tempo inicial

Código de incorporação Twitch

Como incorporar um vídeo do Twitch usando esta ferramenta?

Captura de tela do campo de URL

Cole um link de vídeo do Twitch

Cole um link de vídeo do Twitch no campo de URL na parte superior da coluna esquerda.

Captura de tela das opções de personalização

Configure as opções do reprodutor do Twitch

O reprodutor do Twitch suporta muitas opções de personalização como stream, clips, canal ao vivo, chat, vídeo, coleções e muitas mais!

Captura de tela do botão de copiar

Copie o código HTML gerado

Copie o código HTML de incorporação gerado com o vídeo do Twitch! Use-o no seu site WordPress, apresentação do PowerPoint ou em um e-mail.

Opções suportadas do gerador de incorporação Twitch

Explicação de todas as opções de incorporação do Twitch suportadas. Use as opções abaixo para melhorar o código iframe HTML do Twitch incorporado no seu site.

responsivo

A opção "responsivo" estica o vídeo incorporado do Twitch para a largura total do site ou do contêiner HTML.

proporção de tela

A opção "proporção de tela" sempre mantém o formato do reprodutor incorporado do Twitch.

largura e altura

Aparece apenas quando a opção responsivo está desativada. Personalização manual da largura e altura do reprodutor incorporado do Twitch. Quando a opção de proporção de tela está configurada, a altura é recalculada automaticamente com base na largura.

URL do seu site (site pai)

Todo stream ou vídeo incorporado do Twitch precisa ter a opção de site "pai" configurada. Por exemplo, se você deseja colar um código de incorporação do Twitch no site "example.com", configure a opção "parent" como "https://example.com".

reprodução automática

A opção "reprodução automática" especifica se o vídeo incorporado do Twitch começará a reproduzir automaticamente quando o reprodutor do Twitch carregar.

silenciar

Silencia o som no stream ou vídeo incorporado do Twitch.

tempo inicial

A opção "tempo inicial" inicia o vídeo incorporado do Twitch a partir de um determinado momento

mostrar chat

Mostra o chat incorporado do Twitch para a transmissão ao vivo do usuário atual do Twitch. Esta opção aparece apenas quando você cola uma conta do Twitch na opção "URL do Twitch".

As opções de incorporação iframe do Twitch foram baseadas em https://dev.twitch.tv/docs/embed

URLs do Twitch compatíveis

URLs de vídeos

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

URLs de coleções

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

URLs de clips

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

URLs de canais

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>