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>

支持的布局

填充固定固定高度 flex-item 不显示响应式

示例

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` 脚本标签时抛出错误。
标签“example2”不支持隐式布局“example1”。	当隐式布局设置为 `CONTAINER` 时抛出错误；此布局类型不受支持。
标签“example2”不支持指定的布局“example1”。	当指定的布局设置为 `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