javascript - 嵌入来自 tiktok 的视频

Question

我有当前作品，我想要获取视频的 URL，但它只显示无样式的文本。

  async function start() {

    let url = "https://www.tiktok.com/@tiagogreis/video/6830059644233223429";
    let contentlist = document.querySelector("#content");

      let data = await loadDataFromURL(url);
      contentlist.innerHTML = data.html;
  }

  async function loadDataFromURL(url) {

    let oembed = `https://www.tiktok.com/oembed?url=${url}`;
    console.log("the oembed link", oembed);

    let dataFromOembed = await fetch(oembed);
    let data = await dataFromOembed.json();
    if (data === undefined) {
      throw Error("No data received from oembed");
    }

    console.log("the data from oembed", data);

    return data;
  }

  start(); 

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

Answer 1

我会继续查看位于 here 的 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>