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