通过JavaScript嵌入Instagram

我们正在使用Instagram的oEmbed API获取嵌入代码。但是，我们不希望仅仅依赖于该API，自己生成嵌入代码。API（或网站）提供的嵌入代码包含大量html、css图像数据和文本内容，在使用嵌入js之前，所有这些都必须存在。这是一个问题，因为我们无法实现通用嵌入代码，但必须事先知道每张照片或视频的instagram内容

我的问题是：instagram有这样的通用嵌入代码吗

<script async defer=\"defer\" src=\"//platform.instagram.com/en_US/embeds.js\"></script>
<script>instgrm.Embeds.genenerate('some instragram ID for instance')<script/>

instgrm.Embeds.genenerate（'例如某个instragram ID'）

您可以使用

iframe

这样嵌入：

<iframe src="https://www.instagram.com/p/BFKjVxkBsCC/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

将

/embed

添加到instagram post URL将为您提供可嵌入的图像

添加

/embed/captited

将向图像添加标题

---

以下是轻松生成嵌入代码的链接：

谢谢，但iframe不是我们的选择，它们在加载和渲染性能方面都很慢，而且在移动设备上浏览内容时，使用iframe通常很麻烦。从instgram获得的嵌入脚本最终也会使用iframe。另一种选择是使用Instagram API并获取图像链接并加载为，但您需要进行身份验证并获取访问令牌并进行调用：