要在网页中嵌入抖音视频,可以通过以下步骤实现:
✅获取视频链接:需要找到想要嵌入的视频,并复制其分享链接。这个链接通常可以在视频页面找到,形式如https://v.douyin.com/********/
✅提取视频ID:将复制的链接在浏览器中打开,找到视频的ID。视频ID通常位于链接的某个部分,例如73**********************1271。
✅生成IFrame代码:使用提取到的视频ID,复制到下面这个网址格式的后面
https://open.douyin.com/api/douyin/v1/video/get_iframe_by_video?video_id=[id]
✅🔑示例:https://open.douyin.com/api/douyin/v1/video/get_iframe_by_video?video_id=73**********************1271
✅这将生成一个IFrame代码块。 复制并使用IFrame代码:将生成的IFrame代码复制,并将其嵌入到目标网页中。确保在HTML文件中正确放置这段代码,以便视频可以在网页中播放。
✅📌 注意:
通常生成的IFrame代码是违规的,比如:\"是转义的双引号,这导致代码格式不正确。要将它转换为标准的 HTML iframe
代码,直接使用双引号 "
✅🔔 提醒:
1. 检查URL中的非法字符
确保 iframe 标签中引用的视频URL没有包含以下常见的非法字符:
<
或>
'
或"
&
或;
#
,%
,{}
,[]
, 等。
这些字符可能被认为是潜在的攻击向量,因此会触发防注入系统。
2. URL编码
如果你的URL中确实需要使用特殊字符(如 &
或 =
),可以尝试对这些字符进行URL编码。例如:
&
编码为%26
=
编码为%3D
3. 防火墙限制
如果你检查了代码没有问题,可能是你的网站防火墙或安全配置过于严格,导致合法的请求被误判为非法请求。在这种情况下,你需要联系网站管理员或开发人员,调整防火墙设置或安全策略,放宽对 iframe 标签的限制。