无法嵌入 TikTok 视频

如何解决无法嵌入 TikTok 视频

我只是想将 TikTok 视频嵌入我的本地网站。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
     <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@zacksjerryrig/video/6828268207359413509" data-video-id="6828268207359413509" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@zacksjerryrig" href="https://www.tiktok.com/@zacksjerryrig">@zacksjerryrig</a> <p>Buy a case for your iPad or else... @whatsinside  did the same test,go see how it turned out <a title="ipad" target="_blank" href="https://www.tiktok.com/tag/ipad">##ipad</a> <a title="teardown" target="_blank" href="https://www.tiktok.com/tag/teardown">##teardown</a> <a title="jerryrig" target="_blank" href="https://www.tiktok.com/tag/jerryrig">##jerryrig</a> <a title="jerryrigeverything" target="_blank" href="https://www.tiktok.com/tag/jerryrigeverything">##jerryrigeverything</a></p> <a target="_blank" title="♬ original sound - Zack" href="https://www.tiktok.com/music/original-sound-6828268206063405830">♬ original sound - Zack</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
</body>
</html>

它不会显示视频本身，所有字幕都失去了风格。

解决方法

TikTok 正式为您的网站提供 Embed 标签。您只需复制该 HTML 标签并在您的代码库中过去即可。

官方文档 https://developers.tiktok.com/doc/Embed

下图显示了如何复制嵌入的 html 代码。