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

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

範例

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` 腳本標籤遺失或不正確時，會擲回錯誤。
標籤「example2」不支援隱含版面配置「example1」。	當隱含版面配置設定為 `CONTAINER` 時擲回錯誤；不支援此版面配置類型。
標籤「example2」不支援指定的版面配置「example1」。	當指定版面配置設定為 `CONTAINER` 時擲回錯誤；不支援此版面配置類型。
標籤「example3」中屬性「example2」的屬性「example1」設定為無效的「example4」。	當屬性 `height` 或 `width` 的值無效時擲回錯誤。例如，除了 `NODISPLAY` 之外，所有支援的版面配置類型使用 `height=auto` 都會觸發此錯誤。

如果 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