amp-delight-player

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

用法

amp-delight-player 元素显示一个云托管的 Delight Player。

width 和 height 属性决定响应式布局中嵌入的播放器的纵横比。data-content-id 属性是加载正确视频所必需的。

<amp-delight-player
  data-content-id="-123456789AbCdEfGhIj"
  layout="responsive"
  width="16"
  height="9"
>
</amp-delight-player>

也支持非响应式布局。

示例

<amp-delight-player
  data-content-id="-123456789AbCdEfGhIj"
  width="460"
  height="200"
>
</amp-delight-player>

属性

data-content-id

视频的内容 ID。

dock

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

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

autoplay（可选）

如果存在此属性，并且浏览器支持自动播放，则视频将在其可见后立即自动播放。组件需要满足一些条件才能播放，这些条件在 AMP 规范的视频部分中进行了概述。

常用属性

此元素包括扩展到 AMP 组件的常用属性。

操作

播放

播放视频。

暂停

暂停视频。

静音

将视频静音。

取消静音

取消视频静音。

验证

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