侧边栏壁纸
博主头像
里奥的博客博主等级

行动起来,活在当下

  • 累计撰写 24 篇文章
  • 累计创建 7 个标签
  • 累计收到 2 条评论

目 录CONTENT

文章目录

怎样在网页中嵌入抖音视频

里奥
2024-05-02 / 1 评论 / 1 点赞 / 329 阅读 / 2688 字

获取分享链接

如下图示

第一步: 选中需要分享的视频

第二步: 点击 分享

第三步: 点击 复制链接

这样我们就得到如下的分享信息

6.97 i@p.Du 09/22 Jvf:/ Kubernetes 架构 CKA 认证的 Kubernetes 架构 https://v.douyin.com/i2YArd1J/ 复制此链接,打开Dou音搜索,直接观看视频!

获取视频id

将获取分享信息中的链接用浏览器打开, 我们就得到一个包含id的视频链接.

下图中的7364265076712312127 就是视频id

获取IFrame代码

将获取到的视频id填入下面的链接中,然后在浏览器中输入以下链接

https://open.douyin.com/api/douyin/v1/video/get_iframe_by_video?video_id=7364265076712312127


这样我们就得到了iframe的代码块了, 就可以复制这个iframe 代码块, 然后去掉其中的转义字符反斜杠 “\”,那么也就是下面的完整iframe代码块

<iframe width="1920" height="1080" frameborder="0" src="https://open.douyin.com/player/video?vid=7364265076712312127&autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>

就可以将它嵌入网页中了。

参考文档

通过VideoID获取IFrame代码_移动/网站应用_抖音开放平台 (open-douyin.com)

1

评论区