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>

支持的布局

fill fixed fixed-height flex-item responsive

示例

使用 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”内容类型中）需要考虑的标签。只有在您选择播放“semantic”内容时（在 data-content-type 中），此数据才会反映出来。
data-minimum-date-factor	此数据反映了引擎在搜索匹配视频时应考虑的最后天数。较旧的视频得分较低。只有在您选择播放“semantic”内容时（在 data-content-type 中），此数据才会反映出来。
data-scoped-keywords	此数据负责仅返回匹配结果中带有指定标签的视频。只有在您选择播放“semantic”内容时（在 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