AMP

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

amp-o2-player

描述

顯示 AOL O2Player。

 

必要指令碼

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

範例

widthheight 屬性決定嵌入於回應式版面配置中的播放器長寬比。

範例

<amp-o2-player
  data-pid="12345"
  data-bcid="5678"
  data-bid="54321"
  data-vid="98765"
  layout="responsive"
  width="480"
  height="270"
>
</amp-o2-player>

屬性

data-pid (必填) O2Player 的播放器 ID。
data-bcid (必填) O2Player 的買方公司 ID (bcid)。
data-bid O2Player 的播放清單 ID (bid)。
data-vid O2Player 的影片 ID (vid)。
data-macros O2Player 的巨集。
通用屬性 此元素包含擴充至 AMP 元件的通用屬性

驗證

請參閱 AMP 驗證工具規格中的 amp-o2-player 規則

以下列出特定於 amp-o2-player 標記的驗證錯誤

驗證錯誤 描述
缺少或不正確的「example1」標記,但「example2」標記需要此標記。 當必要的 amp-o2-player 擴充功能 .js 指令碼標記遺失或不正確時,會擲回錯誤。
標記「example2」不支援隱含版面配置「example1」。 當隱含版面配置設定為 CONTAINER 時擲回錯誤;不支援此版面配置類型。
標記「example2」不支援指定的版面配置「example1」。 當指定的版面配置設定為 CONTAINER 時擲回錯誤;不支援此版面配置類型。
標記「example3」中屬性「example2」的屬性「example1」設定為無效值「example4」。 當屬性 heightwidth 的值無效時,會擲回錯誤。例如,height=auto 會針對所有支援的版面配置類型 (NODISPLAY 除外) 觸發此錯誤。

如果 amp-o2-player 父層頁面上有 CMP,則 amp-o2-player 內的 Iframe 可以傳送訊息以接收同意聲明資料。

來自 iframe 的同意聲明資料要求範例

window.parent.postMessage(
  {
    sentinel: 'amp',
    type: 'send-consent-data',
  },
  '*'
);

同意聲明資料接收回應範例

function isAmpMessage(event, type) {
  return (
    event.source == window.parent &&
    event.origin != window.location.origin &&
    event.data &&
    event.data.sentinel == 'amp' &&
    event.data.type == type
  );
}

window.addEventListener('message', function (event) {
  if (!isAmpMessage(event, 'consent-data')) {
    return;
  }
  console.log(event.data.consentData);
});
需要更多協助嗎?

您已將本文件讀過數十次,但仍未涵蓋所有問題?或許其他人也有相同感受:請在 Stack Overflow 上與他們交流。

前往 Stack Overflow
發現錯誤或缺少功能嗎?

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

前往 GitHub