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

原文链接:https://www.gscblog.com/archives/how-to-embed-douyin-vedio

获取分享链接

如下图示

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

第二步: 点击 分享

第三步: 点击 复制链接

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

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>

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值