AMP

重要事項:本文件不適用於您目前選取的格式stories

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>

範例

`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