javascript - TikTok 嵌入式视频不断消失

Question

我正在尝试将 TikTok 视频嵌入到我的网页中，但在加载页面时，我看到视频布局一秒钟后就消失了。这是从 TikTok 网站复制粘贴的代码:

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@60secofserenity/video/6871965847380839686" data-video-id="6871965847380839686" style="max-width: 605px;min-width: 325px;">
    <section>
        <a target="_blank" title="@60secofserenity" href="https://www.tiktok.com/@60secofserenity">@60secofserenity</a>
        <p>
            <a title="duet" target="_blank" href="https://www.tiktok.com/tag/duet">##duet</a> with @dr.kyleross
            <a title="comedy" target="_blank" href="https://www.tiktok.com/tag/comedy">##comedy</a>
            <a title="fyp" target="_blank" href="https://www.tiktok.com/tag/fyp">##fyp</a>
            <a title="foryou" target="_blank" href="https://www.tiktok.com/tag/foryou">##Foryou</a>
        </p>
        <a target="_blank" title="♬ original sound - Dr. Kyle Ross" href="https://www.tiktok.com/music/original-sound-6863810291730303750">♬ original sound - Dr. Kyle Ross</a>
    </section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>

在控制台上，我收到此错误:

Resource interpreted as Document but transferred with MIME type application/json: "https://www.tiktok.com/embed/v2/6871965847380839686?lang=en-US".

我不确定如何处理此错误。我很感激任何建议，并提前感谢您提供任何提示!

Answer 1

我有一个非常相似的问题。关于这个问题有两件重要的事情。

首先，我认为TikTok最近遇到了一些问题。然而，这只是我的猜测。除了我的代码之外，我一直在尝试使用来自 GitHub 的第三方项目，但嵌入代码在我的 Chrome、Firefox 和 Safari 上无法与它们中的任何一个一起使用。发生的事情看起来就像你描述的那样 - 布局显示然后在几秒钟后消失。现在，代码没有任何变化，我不再有这个问题了。我认为写下它很重要，以防将来其他人发生类似的事情。

其次，如果您将嵌入代码用作更大项目的一部分，则添加 TikTok 嵌入代码，例如帖子，或者，例如，它们是 React 组件的一部分，请记住在添加 blockquote 部分后运行 TikTok 脚本描述 here以 Instagram 为例。否则将加载的只是 TikTok 视频布局。