amp-iframely

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

嵌入并显示来自 1900 多个第三方发布商的 Iframely.com 提供支持的富媒体嵌入。为任何其他 URL 显示 URL 预览作为摘要卡片。

概述

amp-iframely 将您连接到 Iframely 云服务。它为 1900 多个第三方发布商提供响应式嵌入代码和富媒体支持。此外，还为互联网上的其余部分提供作为 URL 预览的摘要卡片。

您可能会从 Iframely API 生成 amp-iframely 代码。但是，您也可以跳过进行 API 调用并在 AMP 中直接使用 Iframely（在这种情况下，我们建议使用响应式布局，并带有可调整大小的标志）。

请在 iframely.com 获取您的 API 密钥。

示例：通过内容 ID 嵌入第三方内容

<amp-iframely width="400" height="225"
    data-id="I8NNa1s"
    layout="responsive"
    data-img>
</amp-iframely>

示例：通过 API 密钥获取任何 URL 的摘要卡片

<amp-iframely height="140"
    data-url="https://iframely.com"
    data-key="30ef29b325c50219755786a371c281ad"
    layout="fixed-height"
    resizable>
</amp-iframely>

请随意使用上述示例中的 API 密钥尝试任何 URL。但是，它仅限于在 amp.dev 上使用。

属性

标识

有两种方法可以识别富媒体。一种是通过 Iframely 颁发的 ID，另一种是使用媒体 URL 和您的 API 密钥（为安全起见已进行 MD5 哈希处理）

放置

amp-iframely 支持响应式和固定高度布局

可以将 Iframely 的任何其他查询字符串 API 参数作为带有 data- 前缀的属性传递。例如，align="left" API 参数变为 data-align="left" 属性。自定义的 提供商特定选项也可以作为 data- 属性传递。

验证

作为最低要求，需要 data-id 属性或 data-url 和 data-key 对来识别第三方富媒体内容并使用 Iframely 进行身份验证。