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>

支援的版面配置

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

範例

amp-o2-player

範例

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

範例

<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` 指令碼標記遺失或不正確時，就會擲回這個錯誤。
隱含版面配置「example1」不受標記「example2」支援。	當隱含版面配置設為 `CONTAINER` 時，就會擲回這個錯誤；這個版面配置類型不受支援。
指定的版面配置「example1」不受標記「example2」支援。	當指定的版面配置設為 `CONTAINER` 時，就會擲回這個錯誤；這個版面配置類型不受支援。
標記「example3」中屬性「example2」的屬性「example1」設為無效值「example4」。	當屬性 `height` 或 `width` 的值無效時，就會擲回這個錯誤。例如，`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