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>

支持的布局

填充固定固定高度 flex-item 响应式

示例

具有响应式布局的示例 - 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>

具有固定布局的示例 - 固定宽度和高度。

  <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 播放器类型。选项为“特定”或“语义”。选择“特定”以播放特定内容（在 data-content-id 属性中插入内容 ID）。选择“语义”，播放列表将自动创建，并将文章内容与实时最相关的视频进行匹配。
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	在决定播放哪个视频内容时考虑的标签（在“语义”内容类型中）。仅当选择播放“语义”内容（在 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