嵌入来自 tiktok 的视频

Question

我有当前的作品，我想要的是获取 video\xc2\xb4s URL，但它只显示未样式化的文本。

\n

  async function start() {\n\n    let url = "https://www.tiktok.com/@tiagogreis/video/6830059644233223429";\n    let contentlist = document.querySelector("#content");\n\n      let data = await loadDataFromURL(url);\n      contentlist.innerHTML = data.html;\n  }\n\n  async function loadDataFromURL(url) {\n\n    let oembed = `https://www.tiktok.com/oembed?url=${url}`;\n    console.log("the oembed link", oembed);\n\n    let dataFromOembed = await fetch(oembed);\n    let data = await dataFromOembed.json();\n    if (data === undefined) {\n      throw Error("No data received from oembed");\n    }\n\n    console.log("the data from oembed", data);\n\n    return data;\n  }\n\n  start(); \n

\n

这就是我想要的视频网址。你能帮忙吗？

\n

Answer 1

您可以使用/embed/v2/:videoIdAPI。像这样：

const tikTokFrame = document.createElement('iframe');
tikTokFrame.width = '100%';
tikTokFrame.height = '500';
tikTokFrame.src = 'https://www.tiktok.com/embed/v2/6718335390845095173';

Answer 2

我会继续查看来自 tik tok 的有关嵌入的开发人员文档（位于此处）。看起来好像有一个特定的链接，开发人员希望用于来自其他网页的请求。该链接应类似于以下内容：

https://www.tiktok.com/oembed?url=https://www.tiktok.com/@scout2015/video/6718335390845095173

这就是您所拥有的，它返回一个带有 HTML 条目的 json 对象，其中包含使用 Tik Tok 播放器嵌入视频所需的所有数据。因此，您可以将 data.html 附加到站点内的元素以添加播放器。这可能会显示为无样式文本，因为最后一组标签实际上并未被执行。如果您将这些标签放置在 html 中的某个位置，则代码应该执行并嵌入视频。

<script async src='https://www.tiktok.com/embed.js'></script>