AMP

重要提示:此文档不适用于您当前选择的格式 电子邮件

amp-minute-media-player

描述

显示一个 Minute Media 播放器。

 

必需脚本

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

示例

使用 RESPONSIVE 布局的示例 - width 和 height 属性确定嵌入的播放器的宽高比。

<amp-minute-media-player
  data-content-type="curated"
  data-content-id="fSkmeWKF"
  width="500"
  height="334"
  layout="responsive"
  autoplay
>
</amp-minute-media-player>

使用 FIXED 布局的示例 - 固定宽度和高度。

  <amp-minute-media-player
    data-content-type="semantic"
    data-scanned-element-type="tag"
    data-scanned-element="post-body"
    layout="fixed" width="500" height="334"
  </amp-minute-media-player>

属性

data-content-type

Minute Media 播放器类型。

选项为 'specific''semantic'

选择 'specific' 以播放特定内容(在 data-content-id 属性中插入内容 ID)。

通过选择 'semantic',将自动创建播放列表,并使文章的内容与实时最相关的视频相匹配。

data-content-id

Minute Media 播放器 ID。

仅当您选择播放特定内容(在 data-content-type 中)时,此数据是必需的。

data-scanned-element-type

在将内容与视频配对时,选择定义特征(类名、标签名或 ID)。

仅当您选择播放语义内容时(在 data-content-type 中),此数据才会反映出来。

data-scanned-element

根据选择的扫描元素类型选择特定元素,以便在将内容与视频配对时考虑。

仅当您选择播放语义内容时(在 data-content-type 中),此数据才会反映出来。

data-tags

在决定播放哪个视频内容时(在“semantic”内容类型中)会考虑的标签。

仅当您选择播放“语义”内容时(在 data-content-type 中),此数据才会反映出来。

data-minimum-date-factor

此数据反映引擎在搜索匹配视频时应考虑的最后天数。较旧的视频将获得较低的分数

仅当您选择播放“语义”内容时(在 data-content-type 中),此数据才会反映出来。

data-scoped-keywords

此数据负责仅返回匹配结果中具有指定标签的视频。

仅当您选择播放“语义”内容时(在 data-content-type 中),此数据才会反映出来。

autoplay

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

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

dock

如果存在此属性并且视频正在手动播放,则当用户滚动出视频组件的可视区域时,该视频将被“最小化”并固定到角落。

  • 用户可以在不同的角落拖动和重新定位视频。
  • 同一页面上的多个视频可以停靠。
为了使用此属性,必须存在 amp-video-docking 扩展脚本:<script async custom-element="amp-video-docking" src="https://cdn.ampproject.org/v0/amp-video-docking-0.1.js"></script>

验证

请参阅 AMP 验证器规范中的 amp-minute-media-player 规则

需要更多帮助?

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

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

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

转到 GitHub