通过JavaScript嵌入Instagram

时间:2016-11-16 14:52:35

标签: javascript embed instagram instagram-api

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

1 个答案:

答案 0 :(得分:6)

您可以使用iframe嵌入这样的内容:

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

/embed添加到Instagram帖子网址会为您提供可嵌入的图片

添加/embed/captioned会为图片添加标题

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