AMP

amp-delight-player

描述

amp-delight-player 元素显示云托管的 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

widthheight 属性确定在响应式布局中嵌入的播放器的宽高比。需要 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 规则

需要更多帮助?

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

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

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

转到 GitHub