amp-playbuzz

說明

顯示任何 Playbuzz 項目內容 (例如：清單、投票等)。

必要的指令碼

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

支援的版面配置

responsive fixed-height

可以是取自 playbuzz.com 的任何項目網址。

範例

透過純網址的 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 項目的網址。可以是取自 playbuzz.com 的任何項目網址
data-item	Playbuzz 項目的項目 ID。可從項目的嵌入程式碼 (位於 playbuzz 網站的項目頁面) 中取得

注意：如果同時存在這兩個屬性，則會使用 data-item。

選填屬性

data-item-info (選填)	指出是否顯示資料資訊，例如建立日期、建立者名稱等。
data-share-buttons (選填)	指出是否顯示分享按鈕。
data-comments (選填)	指出是否顯示使用者留言。
通用屬性	這個元素包含擴充至 AMP 元件的[通用屬性](https://amp.dev.org.tw/documentation/guides-and-tutorials/learn/common_attributes)。

驗證

請參閱 AMP 驗證器規格中的 amp-playbuzz 規則。

需要更多協助嗎？

您已將這份文件閱讀了十幾次，但它仍然沒有涵蓋您的所有問題嗎？或許其他人也有同感：請在 Stack Overflow 上與他們聯繫。

前往 Stack Overflow

發現錯誤或缺少功能？

AMP 專案大力鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，但我們也歡迎您針對您特別熱衷的問題做出一次性貢獻。

前往 GitHub