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

Cole a ligação de um vídeo do TikTok e obtenha gratuitamente o código de incorporação oficial para o mostrar no seu site, blogue ou loja online. Sem necessidade de registo.
Gerador de código de incorporação do TikTok
A ligação do vídeo em Partilhar → Copiar ligação, por exemplo https://www.tiktok.com/@scout2015/video/6718335390845095173
Quer mostrar todo o Canal do TikTok como uma galeria que se atualiza sozinha?

Incorpore o vídeo

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@scout2015/video/6718335390845095173" data-video-id="6718335390845095173" style="max-width:605px;min-width:325px;">
  <section><a target="_blank" href="https://www.tiktok.com/@scout2015">@scout2015</a></section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>
<p style="margin:4px auto 0;max-width:605px;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/tiktok-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 Canal do TikTok 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 Canal do TikTok como uma galeria interativa que se atualiza sozinha.

Criar uma galeria de vídeos do TikTok →
Ou partilhe esta ferramenta gratuita:
Elfsight Video Gallery

Mostre todo o seu canal do TikTok ou uma hashtag

O Video Gallery apresenta vídeos do TikTok de um canal ou hashtag numa galeria ou carrossel, junto aos seus vídeos do YouTube e do Instagram.

  • 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

Criar widget grátis
Sem cartão de crédito
Criar uma galeria de vídeos do TikTok
Visita guiada — separadores, layout, estilo de cartão, tema escuro, o visualizador e o seu apelo à ação

Este gerador vs. o botão Incorporar do próprio TikTok

A opção Partilhar → Incorporar do TikTok dá-lhe o código padrão de um vídeo. Veja o que muda quando cria o código aqui.
Botão Incorporar do próprio TikTok
Este gerador
Onde funciona
O TikTok pede que copie o código num navegador de computador, não na aplicação.
Cole uma ligação a partir de qualquer dispositivo.
Tipo de código
Código oficial: um blockquote mais o embed.js.
O código oficial ou o leitor iframe leve (/player/v1/).
Legenda, música e criador
Sempre visíveis à volta do vídeo.
Visíveis com o código oficial; opcionais no leitor leve (description, music_info).
Reprodução automática, repetição, sem som
Não disponível.
Disponível no leitor leve (autoplay, loop, muted).
Controlos do leitor
Os controlos predefinidos do TikTok.
Oculte a barra de progresso, o tempo ou todos os controlos no leitor leve.
Vídeos relacionados
Escolhidos pelo TikTok.
Limite-os aos vídeos do próprio autor com rel=0 no leitor leve.

Onde funciona

Botão Incorporar do próprio TikTok

O TikTok pede que copie o código num navegador de computador, não na aplicação.

Este gerador

Cole uma ligação a partir de qualquer dispositivo.

Tipo de código

Botão Incorporar do próprio TikTok

Código oficial: um blockquote mais o embed.js.

Este gerador

O código oficial ou o leitor iframe leve (/player/v1/).

Legenda, música e criador

Botão Incorporar do próprio TikTok

Sempre visíveis à volta do vídeo.

Este gerador

Visíveis com o código oficial; opcionais no leitor leve (description, music_info).

Reprodução automática, repetição, sem som

Botão Incorporar do próprio TikTok

Não disponível.

Este gerador

Disponível no leitor leve (autoplay, loop, muted).

Controlos do leitor

Botão Incorporar do próprio TikTok

Os controlos predefinidos do TikTok.

Este gerador

Oculte a barra de progresso, o tempo ou todos os controlos no leitor leve.

Vídeos relacionados

Botão Incorporar do próprio TikTok

Escolhidos pelo TikTok.

Este gerador

Limite-os aos vídeos do próprio autor com rel=0 no leitor leve.

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

  1. Copie a ligação do vídeo

    No TikTok, abra o vídeo e copie a respetiva ligação do navegador ou do menu Partilhar.

  2. Cole-a acima

    O gerador cria o código de incorporação oficial do TikTok.

  3. Cole no seu site

    Adicione-o a um bloco de HTML ou de incorporação. O script de incorporação carrega o leitor.

Parâmetros do leitor leve do TikTok

Parâmetro
O que faz
Exemplo
controls
Mostra (1) ou oculta (0) a barra de progresso e todos os botões de controlo. Predefinição: 1.
controls=0
progress_bar
Mostra ou oculta a barra de progresso. Predefinição: 1.
progress_bar=0
play_button
Mostra ou oculta o botão de reprodução. Predefinição: 1.
play_button=0
volume_control
Mostra ou oculta o botão de volume. Predefinição: 1.
volume_control=0
fullscreen_button
Mostra ou oculta o botão de ecrã inteiro. Predefinição: 1.
fullscreen_button=0
timestamp
Mostra ou oculta o tempo atual e a duração. Predefinição: 1.
timestamp=0
loop
Repete o vídeo quando termina. Predefinição: 0.
loop=1
autoplay
Inicia o vídeo ao carregar. Predefinição: 0.
autoplay=1
muted
Começa sem som e bloqueia o volume. Predefinição: 0.
muted=1
music_info
Mostra as informações da música. Predefinição: 0.
music_info=1
description
Mostra a descrição do vídeo. Predefinição: 0.
description=1
rel
1 mostra vídeos recomendados como relacionados; 0 mostra os vídeos do próprio autor. Predefinição: 1.
rel=0
native_context_menu
Mostra ou oculta o menu do botão direito do navegador. Predefinição: 1.
native_context_menu=0
closed_caption
Mostra ou oculta o botão de legendas. Predefinição: 1.
closed_caption=0

controls

O que faz

Mostra (1) ou oculta (0) a barra de progresso e todos os botões de controlo. Predefinição: 1.

Exemplo

controls=0

progress_bar

O que faz

Mostra ou oculta a barra de progresso. Predefinição: 1.

Exemplo

progress_bar=0

play_button

O que faz

Mostra ou oculta o botão de reprodução. Predefinição: 1.

Exemplo

play_button=0

volume_control

O que faz

Mostra ou oculta o botão de volume. Predefinição: 1.

Exemplo

volume_control=0

fullscreen_button

O que faz

Mostra ou oculta o botão de ecrã inteiro. Predefinição: 1.

Exemplo

fullscreen_button=0

timestamp

O que faz

Mostra ou oculta o tempo atual e a duração. Predefinição: 1.

Exemplo

timestamp=0

loop

O que faz

Repete o vídeo quando termina. Predefinição: 0.

Exemplo

loop=1

autoplay

O que faz

Inicia o vídeo ao carregar. Predefinição: 0.

Exemplo

autoplay=1

muted

O que faz

Começa sem som e bloqueia o volume. Predefinição: 0.

Exemplo

muted=1

music_info

O que faz

Mostra as informações da música. Predefinição: 0.

Exemplo

music_info=1

description

O que faz

Mostra a descrição do vídeo. Predefinição: 0.

Exemplo

description=1

rel

O que faz

1 mostra vídeos recomendados como relacionados; 0 mostra os vídeos do próprio autor. Predefinição: 1.

Exemplo

rel=0

native_context_menu

O que faz

Mostra ou oculta o menu do botão direito do navegador. Predefinição: 1.

Exemplo

native_context_menu=0

closed_caption

O que faz

Mostra ou oculta o botão de legendas. Predefinição: 1.

Exemplo

closed_caption=0

Fonte: TikTok for Developers: Incorporar vídeos

Porque é que o TikTok não aparece

A conta ou o vídeo é privado

Só é possível incorporar vídeos públicos. Torne o vídeo público no TikTok ou escolha outro.

O vídeo foi eliminado ou removido

O TikTok indica que um vídeo incorporado só está disponível enquanto estiver disponível na aplicação. Se foi removido, a incorporação deixa de funcionar — substitua-o.

Um bloqueador de anúncios ou uma extensão de privacidade está ativo

Alguns bloqueadores impedem scripts e frames de tiktok.com. Verifique a página numa janela privada com as extensões desativadas. Não pode controlar os bloqueadores dos seus visitantes, por isso mantenha uma ligação para o vídeo junto à incorporação.

O seu construtor de sites removeu o script

Muitos blocos de texto removem as etiquetas <script>. Cole o código num bloco de HTML ou de código personalizado, ou use o leitor iframe leve, que não precisa de script.

Colou uma ligação curta

As ligações curtas vm.tiktok.com ou vt.tiktok.com não contêm o ID do vídeo. Abra a ligação num navegador e copie o endereço completo tiktok.com/@user/video/….

A reprodução automática não arranca

Os navegadores bloqueiam muitas vezes a reprodução automática com som. Ative muted juntamente com autoplay.

Código oficial ou leitor leve: qual escolher

O TikTok oferece duas formas de colocar um vídeo no seu site. Ambas estão documentadas pelo TikTok.

Código oficial
Leitor leve
O que é
Um <blockquote class="tiktok-embed"> e o script embed.js do TikTok
Um <iframe> que aponta para https://www.tiktok.com/player/v1/VIDEO_ID
O que os espectadores veem
O vídeo com o criador, a legenda, as hashtags e o crédito do som
Apenas o vídeo; a legenda e a música são opcionais
Tamanho
Entre 325px e 605px de largura
O tamanho que der ao iframe
Precisa de um script
Sim
Não
Reprodução automática, repetição, sem som, controlos ocultos
Não
Sim, com parâmetros de URL

O que é

Código oficial

Um <blockquote class="tiktok-embed"> e o script embed.js do TikTok

Leitor leve

Um <iframe> que aponta para https://www.tiktok.com/player/v1/VIDEO_ID

O que os espectadores veem

Código oficial

O vídeo com o criador, a legenda, as hashtags e o crédito do som

Leitor leve

Apenas o vídeo; a legenda e a música são opcionais

Tamanho

Código oficial

Entre 325px e 605px de largura

Leitor leve

O tamanho que der ao iframe

Precisa de um script

Código oficial

Sim

Leitor leve

Não

Reprodução automática, repetição, sem som, controlos ocultos

Código oficial

Não

Leitor leve

Sim, com parâmetros de URL

Escolha o código oficial quando

  • quiser que a publicação tenha o aspeto que tem no TikTok, com o nome do criador e a legenda;

  • o seu construtor de sites permitir scripts.

Escolha o leitor leve quando

  • quiser um vídeo limpo, por exemplo numa secção de produto ou num bloco de destaque;

  • precisar de reprodução automática, repetição ou sem som;

  • o seu construtor remover scripts, mas permitir iframes.

Em qualquer dos casos, o vídeo tem de continuar público no TikTok. Os detalhes estão na documentação Embed Player e Embed Videos do TikTok.

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