通过 JavaScript 嵌入 Instagram答案

【问题标题】：Embedding Instagram via JavaScript通过 JavaScript 嵌入 Instagram
【发布时间】：2016-11-16 14:52:34
【问题描述】：

我们正在使用 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/>

【问题讨论】：

标签： javascript embed instagram instagram-api

【解决方案1】：

您可以使用iframe 像这样嵌入：

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

将/embed 添加到 Instagram 帖子 URL 将为您提供可嵌入的图像

添加/embed/captioned 将为图像添加标题

这里是轻松生成嵌入代码的链接：https://www.picodash.com/instagram/embed#https://www.instagram.com/p/BFKjVxkBsCC/

【讨论】：

谢谢，但 iFrame 对我们来说不是一个选项，它们在加载和渲染性能方面都很慢，而且使用 esp 通常很痛苦。在移动设备上滑动浏览内容。
您从 instgram 获得的嵌入脚本最终也使用 iframe。其他选项是使用 Instagram API 并获取图像链接并加载为，但您需要进行身份验证并获取 access_token 并拨打电话：instagram.com/developer/endpoints/media/#get_media_by_shortcode