amp-3q-player

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

使 AMP 能够在您的网站中嵌入来自 3Q SDN 的视频。

用法

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

示例

<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（可选）

如果存在 autoplay 属性，并且浏览器支持自动播放，则启用以下行为：

• 视频会在自动播放开始前自动静音。
• 当用户滚动视频使其超出视图时，视频会暂停。
• 当用户滚动视频使其进入视图时，视频会恢复播放。
• 当用户点击视频时，视频会取消静音。

如果用户与视频互动，然后将其滚动进入或超出视图，视频的状态将保持不变。例如，如果用户暂停视频，将其滚动出视图，然后向上滚动使其回到视图中，则视频仍然会暂停。

常用属性

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

验证

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