重要提示：此文档不适用于您当前选择的格式 email！

amp-instagram

您现在可以使用此组件在有效的 AMP 文档之外，使用此组件的 Bento 版本。在 Bento 指南中了解更多信息。

显示 Instagram 嵌入。

<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>

行为

width 和 height 属性对于 Instagram 嵌入是特殊的。这些应该是 Instagram 图像的实际宽度和高度。系统会自动为 Instagram 在图像周围添加的“装饰”添加空间。

许多 Instagram 都是正方形的。当您设置 layout="responsive" 时，任何 width 和 height 相同的值都将起作用。

示例

<amp-instagram
  data-shortcode="fBwFP"
  data-captioned
  width="400"
  height="400"
  layout="responsive"
>
</amp-instagram>

如果 Instagram 不是正方形，则需要输入图像的实际尺寸。

当使用非响应式布局时，您需要考虑为图像周围的“Instagram 装饰”添加的额外空间。当前，图像上方和下方为 48 像素，两侧为 8 像素。

data-shortcode	instagram data-shortcode 在每个 instagram 照片 URL 中都可以找到。例如，在 https://instagram.com/p/fBwFP 中，`fBwFP` 是 data-shortcode。
data-captioned	包含 Instagram 标题。`amp-instagram` 将尝试调整大小以达到包括标题在内的正确高度。
常用属性	此元素包含扩展到 AMP 组件的常用属性。

请参阅 AMP 验证器规范中的 amp-instagram 规则。

需要更多帮助？

您已多次阅读本文档，但它实际上并未涵盖您所有的问题？也许其他人也有同样的感觉：请在 Stack Overflow 上与他们联系。

发现错误或缺少功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您能成为我们开源社区的持续参与者，但也欢迎您对您特别感兴趣的问题做出一次性贡献。