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

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

只有当您选择播放“语义”内容时(在 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