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

Question

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



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

IE。

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

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

Answer 1

(以下答案仅适用于没有服务器的本地 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>

希望这可以帮助。