Cómo poner vídeos de TikTok en páginas AMP

0

Los vídeos de TikTok están invadiendo el mundo, y en muchas ocasiones es necesario incrustarlos en algún artículo para darle contexto al contenido o para mostrar lo más viral que circula por la plataforma.

Algunos CMS, como WordPress, ya permiten mostrar el vídeo con solo poner la URL en el contenido, aunque TikTok cuenta con un código especialmente diseñado para incrustar el material deseado.

Dicho código puede encontrarse en cada publicación, tal y como se muestra en la captura inferior. Solo tenemos que copiarlo y ya tendremos el vídeo dentro de nuestro sitio web.

El caso es que cuando hablamos de páginas AMP, el asunto cambia, ya que dicho código no es compatible. Para ello TikTok acaba de anunciar , una forma de incluir vídeos en páginas amp de forma sencilla.

Cuando usemos el componente tenemos que usar las variables width, height y data-src. Esta última es especialmente necesaria, ya que es la identificación del video para TikTok o su URL completa, los cuales se pueden encontrar en la página de origen de TikTok.

El uso de la URL completa de TikTok para el atributo data-src tiene la ventaja adicional de incluir una imagen en miniatura de marcador de posición e incluye el título de TikTok como parte de la etiqueta en el iframe incrustado para mejorar la accesibilidad.

AMP, TikTok y WordPress

Si usas WordPress y tienes el plugin AMP en su versión v2.1.4 o superior, se usará automáticamente el componente cuando pongas el código incrustado mencionado antes.

Tienes más detalles sobre el uso de AMP en blog.amp.dev, donde siempre van contando las novedades de este formato pensado para su lectura rápida en dispositivos móviles.

Si te ha gustado el contenido Invítanos a un café. ¡Gracias por seguir leyéndonos!

La noticia Cómo poner vídeos de TikTok en páginas AMP fue publicada originalmente en Wwwhatsnew.com por Juan Diego Polo.

------------------------------------------------------

-----------------------------------------------------

-----------------------------------------------------