embed - 为什么 instagram 嵌入代码只显示 instagram 图标,而不显示图像?

标签 embed instagram

我想将 Instagram 帐户中的照片嵌入到我的博客中。我认为这将是一个简单的例子,从照片中复制嵌入代码,将其粘贴到我的编辑器中,然后我就可以走了。
然而,情况似乎并非如此。从截图中可以看出,我得到了照片信息,但没有照片。

Screen shot

如果我只在 html 中添加一个图像标签,图像鞋就完美了,但不是 instagram 照片的风格。

IE。

<img src="https://www.instagram.com/p/BFbPlbwIceD" />

有没有人知道为什么嵌入代码不起作用。我也试过在一个纯 html 文件中嵌入代码,但它也不起作用,所以不是我的 CMS 导致了问题,而是 Umbraco。

最佳答案

(以下答案仅适用于没有服务器的本地 html 文件)

我遇到了同样的问题,并注意到嵌入代码中的这一行:

<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

当我将方案(“http”)添加到如下所示的源时,图像正确显示。
<script async defer src="http://platform.instagram.com/en_US/embeds.js"></script>

希望这可以帮助。

关于embed - 为什么 instagram 嵌入代码只显示 instagram 图标,而不显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37322148/

相关文章:

ios - 如何在 Instagram 等应用中使用 "@"提及用户

tinymce - 如何在tinymce中嵌入图像?

html - 如何在网站中嵌入 Google Drive 文件夹

python - 操作系统错误: Unable to upload

javascript - 仅使用代码将动态 Instagram Feed 嵌入 HTML(无 API/插件)

ios - iOS 9 应用程序中缺少 Instagram 标题

audio - 隐藏的src仍会占用空间

css youtube 水平和垂直嵌入流体

html - 将嵌入式YouTube视频时间戳同步到自定义进度栏

c# - 为什么相同的访问 token 适用于 Media 但不适用于 Feed?