重要提示:此文档不适用于您当前选择的格式 ads!
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>
示例
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