Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

amp-3q-player

Description

嵌入来自3Q SDN的视频。

Required Scripts

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

Supported Layouts

使AMP能够将3Q SDN中的视频嵌入到您的网站中。

用法

amp-3q-player 组件将来自3Q SDN的视频嵌入到AMP页面。 该组件包括一个视频界面,您可以自定义播放器的 widthheight 。 指定 responsive 布局来保持16:9的视频宽高比。

Example

<amp-3q-player
  data-id="c8dbe7f4-7f7f-11e6-a407-0cc47a188158"
  layout="responsive"
  width="480"
  height="270"
></amp-3q-player>

属性

data-id

data-id 属性指定来自3Q SDN中适当的 sdnPlayoutId

autoplay (optional)

如果存在 autoplay 属性,并且浏览器支持autoplay,则 启用以下行为:

  • 自动播放开始前,视频会自动静音。
  • 当用户将视频滚动到视图之外时,视频将暂停。
  • 当用户将视频滚动到视图中时,视频将继续。
  • 当用户点击视频时,视频将取消静音。

如果用户与视频进行交互,然后将其滚动到视图中或之外,则视频的状态将保持不变。例如,如果用户暂停视频,将视频滚动到视图之外,然后再滚动回视频,那么视频将保持暂停状态。

常见属性

amp-3q-player 组件包含扩展到所有 AMP 组件的 常见属性

验证

请参阅 AMP 验证工具规范中的 amp-3q-player 规则

需要更多帮助?

您已多次阅读本文档,但它仍未能涵盖您的所有问题?也许其他人也这么觉得:在 Stack Overflow 上与他们联系。

前往 Stack Overflow
发现错误或缺少功能?

AMP 项目强烈鼓励您参与并做出贡献!我们希望您能成为我们开放源代码社区的持续参与者,但我们也欢迎您对所热衷问题做出一次性贡献。

前往 GitHub