">文档:<amp-powr-player> - amp.dev - AMP 框架
AMP

amp-powr-player

说明

amp-powr-player 组件显示 Powr 平台中配置的 Powr 播放器。

 

必需脚本

<script async custom-element="amp-powr-player" src="https://cdn.ampproject.org/v0/amp-powr-player-0.1.js"></script>

示例

widthheight 属性决定了嵌入在响应式布局中的播放器的宽高比。

示例

<amp-powr-player
  data-account="12345"
  data-player="12345"
  data-video="12345"
  layout="responsive"
  width="480"
  height="270"
>
</amp-powr-player>

属性

data-account(必需) Powr 帐户 ID。
data-player(必需) Powr 播放器 ID。
data-video(必需,如果未提供 data-terms) Powr 视频 ID。通常为一串字符。
data-terms(必需,如果未提供 data-video) 描述显示播放器的页面的关键字(以空格分隔)。用于获取与网站内容相关的播放列表。
data-referrer 设置在播放器内用于分析的引荐来源。这支持 AMP 变量,如 EXTERNAL_REFERRER
data-param-*

所有 data-param-* 属性都将作为查询参数添加到播放器 iframe src。这可用于将自定义值传递给播放器插件,例如广告参数或 Perform 播放器的视频 ID。

键和值将进行 URI 编码。键将采用驼峰式大小写。

  • `data-param-geo="us"` 将变为 `&geo=us`
  • `data-param-custom-data="key:value;key2:value2"` 将变为 `&customData=key%3Avalue%3Bkey2%3Avalue2`
autoplay 如果存在此属性,并且浏览器支持自动播放,则视频将在可见后自动播放。组件需要满足一些条件才能播放,这些条件在 AMP 规范中的视频中进行了概述
通用属性 此元素包含 通用属性,扩展到 AMP 组件。

验证

请参阅 AMP 验证器规范中的 amp-powr-player 规则

需要更多帮助?

你已经阅读了本文档十几次,但它并没有真正涵盖你所有的问题?也许其他人也有同感:在 Stack Overflow 上联系他们。

转到 Stack Overflow
发现了一个错误或缺少一个功能?

AMP 项目强烈鼓励你的参与和贡献!我们希望你成为我们开源社区的持续参与者,但我们也欢迎针对你特别热衷的问题进行一次性贡献。

转到 GitHub