Como incluir vídeos do TikTok em páginas AMP

Postado em


Os vídeos do TikTok estão invadindo o mundo, e em muitos casos é necessário inseri-los em um artigo para contextualizar o conteúdo ou mostrar o que mais viral circula na plataforma.

Alguns CMS, como o WordPress, já permitem a exibição do vídeo apenas inserindo a URL no conteúdo, embora o TikTok tenha um código especialmente desenvolvido para incorporar o material desejado.

Este código pode ser encontrado em cada publicação, conforme mostrado na imagem abaixo. Basta copiá-lo e teremos o vídeo em nosso site.

O fato é que quando falamos em páginas AMP, o assunto muda, pois esse código não é compatível. Por isso, TikTok acaba de anunciar uma forma de incluir vídeos em páginas de amplificação, de forma simples.

Quando usamos o componente temos que usar as variáveis ​​largura, altura e data-src. O último é especialmente necessário, pois é o ID do vídeo para o TikTok ou seu URL completo, ambos os quais podem ser encontrados na página de origem do TikTok.

Usar o URL TikTok completo para o atributo data-src tem o benefício adicional de incluir uma imagem em miniatura de espaço reservado e inclui o título TikTok como parte da tag no iframe incorporado para melhor acessibilidade.

Se você usa o WordPress e tem o plug-in AMP na versão v2.1.4 ou superior, o componente será usado automaticamente quando você coloca o código embed mencionado antes.

Para mais detalhes sobre o uso de AMP, você encontra em blog.amp.dev, onde estão sempre contando as novidades desse formato desenvolvido para leitura rápida em dispositivos móveis.