AMP

amp-brightcove

描述

显示 Brightcove Video Cloud 或 Perform 播放器。

 

必需脚本

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

用法

amp-brightcove 组件显示 Brightcove 播放器,该播放器在 Brightcove 的 Video CloudBrightcove 播放器中使用。

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

<amp-brightcove
  data-account="12345"
  data-player="default"
  data-embed="default"
  data-video-id="1234"
  layout="responsive"
  width="480"
  height="270"
>
</amp-brightcove>

播放器配置

请确保配置与 AMP 支持插件一起使用的播放器,以支持 AMP 的视频界面。有关播放器配置说明,请参阅 Brightcove 的支持文档

组件属性

data-account

Brightcove Video Cloud 或 Perform 帐户 ID。

data-playerdata-player-id

Brightcove 播放器 ID。这是一个 GUID、短 ID 或“default”。默认值为“default”。

首选 data-player。为了向后兼容,也支持 data-player-id

data-embed

Brightcove 播放器 ID。这是一个 GUID 或“default”。默认值和最常用的值是“default”。

data-video-id

Video Cloud 视频 ID。大多数 Video Cloud 播放器都需要此项。

默认情况下,这不用于 Perform 播放器;如果您添加了在查询字符串中需要 videoId 参数的插件,则使用它。

data-playlist-id

Video Cloud 播放列表 ID。对于 AMP HTML 用途,通常会改用视频 ID。如果同时指定了播放列表和视频,则播放列表优先。

默认情况下,这不用于 Perform 播放器;如果您添加了在查询字符串中需要 playlistId 参数的插件,则使用它。

data-referrer

设置要在播放器中用于 Video Cloud 分析的引荐来源网址。需要 Brightcove 播放器版本 v6.25.0+。这支持 AMP 变量,例如 EXTERNAL_REFERRER

data-param-*

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

键和值将采用 URI 编码。键将采用驼峰式命名法。

  • data-param-language="de" 变为 &language=de
  • data-param-custom-ad-data="key:value;key2:value2" 变为 &customAdData=key%3Avalue%3Bkey2%3Avalue2

autoplay

如果存在此属性,并且浏览器支持自动播放,则视频会在可见时自动播放。组件需要满足一些播放条件,这些条件在 AMP 视频规范中进行了概述

dock

需要 amp-video-docking 扩展程序。 如果存在此属性,并且视频是手动播放的,则当用户滚动离开视频组件的可见区域时,视频将“最小化”并固定到角落或某个元素。

有关更多详细信息,请参阅 关于停靠扩展本身的文档

如果使用了 amp-consent,添加 data-block-on-consent="_till_responded" 将延迟播放器加载,直到同意状态得到解决。同意状态将作为查询参数传递给播放器的 iframe,以便在播放器中自定义广告实施。有关播放器配置说明,请参阅 Brightcove 的支持文档

通用属性

此元素包含扩展到 AMP 组件的 通用属性

验证

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

需要更多帮助?

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

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

AMP 项目强烈鼓励您的参与和贡献!我们希望您成为我们开源社区的长期参与者,但我们也欢迎您对您特别关注的问题进行一次性贡献。

转到 GitHub