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

amp-viqeo-player

说明

显示 Viqeo 视频播放器。

 

必需脚本

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

示例

在响应式布局中,widthheight 属性决定嵌入式 Viqeo 的纵横比。

<amp-viqeo-player
  data-profileid="184"
  data-videoid="b51b70cdbb06248f4438"
  width="640"
  height="360"
  layout="responsive"
>
</amp-viqeo-player>

属性

autoplay

如果存在此属性,且浏览器支持自动播放

  • 在自动播放开始前,视频会自动静音
  • 当视频滚动到视图之外时,视频会暂停
  • 当视频滚动到视图之内时,视频会恢复播放
  • 当用户点击视频时,视频会取消静音
  • 如果用户与视频进行了交互(例如,静音/取消静音、暂停/恢复等),并且视频滚动到视图之内或之外,视频的状态将保持为用户离开时的状态。例如,如果用户暂停视频,然后将视频滚动到视图之外,再返回到视频,视频仍处于暂停状态。
data-profileid

Viqeo 是一个仅限注册的视频平台,供发布者添加视频作为插图。所有视频都会自动播放,没有声音,并且仅在完全可见时播放(可能的最小可见区域为 50%)。Viqeo 的详细说明见演示文稿:https://docs.google.com/presentation/d/1P6DJTPJtfeMmPozv1pPz7Wner7NCcJ_DmlPOcVclgLE/present?slide=id.p

要获取 data-profileid,您需要登录到 Viqeo 帐户 (https://viqeo.tv),然后按要粘贴到网站的视频旁边的“获取代码”。您将获得一个包含 data-profileid、data-videoid、宽度和高度的代码。

data-videoid 视频的标识符。所有视频都有唯一的 ID,可在授权后在 Viqeo 帐户中找到。Viqeo 不允许第三方网站嵌入视频,因此获取 data-videoid 和其他属性的唯一方法是登录到 Viqeo 帐户。
宽度和高度 宽度和高度属性是 Viqeo 嵌入的特殊属性。Viqeo 支持任何比例的视频。基本上,Viqeo 会根据视频大小和比例为每个视频生成一个唯一的代码,但 Viqeo 用户可以在界面中更改比例。无论如何,在按“获取代码”按钮后,都会生成一个唯一的代码。
标题 为组件定义一个 title 属性。默认值为 Viqeo 视频
需要更多帮助?

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

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

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

转到 GitHub