通过JavaScript嵌入Instagram

Question

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

Answer 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/