amp-playbuzz

说明

显示任何 Playbuzz 项目内容（例如，列表、投票等）。

必需脚本

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

支持的布局

响应式固定高度

可以是从 playbuzz.com 获取的任何项目 URL。

示例

通过普通 URL（无信息、分享按钮、评论）的 Playbuzz 项目

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
>
</amp-playbuzz>

通过项目 ID（可在项目的嵌入代码中找到）的 Playbuzz 项目

<amp-playbuzz data-item="a6aa5a14-8888-4618-b2e3-fe6a30d8c51b" height="500">
</amp-playbuzz>

带有可选参数（信息、分享按钮、评论）

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
  data-item-info="true"
  data-share-buttons="true"
  data-comments="true"
>
</amp-playbuzz>

必需属性

以下之一为必需

src	Playbuzz 项目的 URL。可以是从 playbuzz.com 获取的任何项目 URL。
data-item	Playbuzz 项目的项目 ID。可以从项目的嵌入代码中获取（在 playbuzz 网站上的项目页面中）

注意：如果同时存在这两个属性，则使用 data-item。

可选属性

data-item-info （可选）	指示是否显示数据信息，例如创建日期、创建者姓名等。
data-share-buttons（可选）	指示是否显示分享按钮。
data-comments（可选）	指示是否显示用户的评论。
通用属性	此元素包括扩展到 AMP 组件的 [通用属性](https://amp.org.cn/documentation/guides-and-tutorials/learn/common_attributes)。

验证

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

需要更多帮助？

你已经阅读过本文档很多次，但它并没有真正涵盖你所有的问题？也许其他人也有同样的感觉：在 Stack Overflow 上联系他们。

转到 Stack Overflow

发现错误或缺少功能？

AMP 项目强烈鼓励你参与和贡献！我们希望你成为我们开源社区的持续参与者，但我们也欢迎针对你特别热衷的问题提供一次性贡献。

转到 GitHub