2016-11-16 471 views
2

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

我的问题是:Ist有一个通用的嵌入代码,像这样,对于instagram?

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

回答

3

您可以使用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/

+0

感谢但iFrames不是我们的选择,它们在加载和渲染性能方面都很慢,并且通常很难使用esp。在手机上滑动浏览内容。 – Lukas

+0

嵌入你从脚本中获得的脚本最终也会使用iframe。其他选项是使用Instagram API并获取图像链接并加载为,但您需要进行身份验证并获取access_token并拨打电话:https://www.instagram.com/developer/endpoints/media/#get_media_by_shortcode – krisrak