AMP

使用新的 amp-tiktok 轻松嵌入 TikTok 视频

网站

tl;dr 现在您可以使用 <amp-tiktok>  将 TikTok 内容直接嵌入到您的文档中。

截至 2020 年 10 月,TikTok 是全球最受欢迎的社交媒体网站之一,拥有超过 20 亿次移动下载量。因此,我们很高兴地宣布,您现在可以使用 <amp-tiktok> 组件轻松地将 TikTok 内容嵌入到有效的 AMP 文档中。

@countingprimes 现在您可以在 AMP 中嵌入 TikTok 视频 ♬ 原声 - countingprimes

它是如何工作的?

在最简单的示例中,<amp-tiktok> 仅需 width、height 和 data-src 属性即可工作。

data-src 属性引用 TikTok 视频 ID 或其完整 URL,两者都可以在 TikTok 的源页面上找到。有关查找这些来源的更多信息,请参阅 TikTok 的嵌入文档

使用 TikTok 的完整 URL 作为 data-src 属性具有额外的优势,即包含一个占位符缩略图图像,并将 TikTok 的标题作为嵌入 iframe 上的 aria-label 的一部分,以提高可访问性。

此外,<amp-tiktok> 支持使用 TikTok 自动生成的嵌入代码,有关更多信息,请参阅 amp-tiktok 文档

运行 AMP WordPress 插件(v2.1.4+)的网站将 自动使用 <amp-tiktok>,当添加 TikTok 嵌入时(例如,通过 TikTok 块)。以前使用的是 <amp-embedly-card> 组件。

作者:Beck Thomas,AMP 项目软件工程师