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