重要事項：本文件不適用於您目前選取的格式 電子郵件！

amp-powr-player

說明

amp-powr-player 元件會顯示在 Powr 平台中設定的 Powr Player。

必要指令碼

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

支援的版面配置

fill (填滿) fixed (固定) fixed-height (固定高度) flex-item (彈性項目) nodisplay (不顯示) responsive (回應式)

範例

width 和 height 屬性會決定在回應式版面配置中嵌入的播放器外觀比例。

範例

<amp-powr-player
  data-account="12345"
  data-player="12345"
  data-video="12345"
  layout="responsive"
  width="480"
  height="270"
>
</amp-powr-player>

屬性

data-account (必填)	Powr 帳戶 ID。
data-player (必填)	Powr 播放器 ID。
data-video (若未提供 data-terms 則為必填)	Powr 影片 ID。通常是字元字串。
data-terms (若未提供 data-video 則為必填)	以空格分隔的關鍵字清單，用於描述顯示播放器的網頁。用於擷取與網站內容相關的播放清單。
data-referrer	設定要在播放器內部分析時使用的參照網址。這支援 AMP 變數，例如 `EXTERNAL_REFERRER`。
data-param-*	所有 `data-param-*` 屬性都會新增為播放器 iframe src 的查詢參數。這可用於將自訂值傳遞至播放器外掛程式，例如廣告參數或 Perform 播放器的影片 ID。金鑰和值將會經過 URI 編碼。金鑰將會使用駝峰式命名。 `data-param-geo="us"` 會變成 `&geo=us` `data-param-custom-data="key:value;key2:value2"` 會變成 `&customData=key%3Avalue%3Bkey2%3Avalue2`
autoplay (自動播放)	如果存在此屬性，且瀏覽器支援自動播放，影片會在變成可見時自動播放。元件需要符合一些播放條件，詳情請參閱 AMP 規格中的影片。
通用屬性	此元素包含通用屬性，這些屬性已擴充至 AMP 元件。

驗證

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

需要更多協助嗎？

您已將本文件讀過許多遍，但內容仍然沒有涵蓋您的所有問題嗎？也許其他人也有同感：請在 Stack Overflow 上與他們交流。

前往 Stack Overflow

發現錯誤或缺少功能？

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

前往 GitHub