AMP

AMP 中的视频

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

AMP 中的大多数视频播放器组件都实现了 VideoInterface API。这意味着所有这些组件中都提供了一组功能,可以是完整或部分的。

本文档描述了这些播放器实现的所有功能(正在进行中,未完成)。

播放器

通用

适用于第三方服务

分析

请参阅 视频分析

自动播放

属性:autoplay

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

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

有关示例,请访问 AMP By Example

停靠(最小化到角落)

属性:dock

此属性目前仅支持 amp-brightcoveamp-dailymotionamp-delight-playeramp-ima-videoamp-jwplayeramp-videoamp-video-iframeamp-youtube

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

  • 视频可以被用户拖动并重新定位到不同的角落。
  • 同一页面上的多个视频可以停靠。

为了使用此属性,必须存在 amp-video-docking 扩展脚本

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

有关更多详细信息,请参阅 停靠扩展本身的文档。

旋转至全屏

属性:rotate-to-fullscreen

此属性目前仅支持 amp-videoamp-ima-videoamp-dailymotion

如果存在此属性并且视频是手动播放的(即用户启动播放,或在自动播放后点击了视频),则在用户将设备旋转到横向模式后,视频会显示全屏,前提是视频可见。

当多个设置了 rotate-to-fullscreen 属性的视频同时可见时,会使用启发式方法来选择哪个视频以全屏显示。这些启发式方法按以下降序优先级应用

  1. 如果视频是手动播放的(即用户启动播放,或在自动播放后点击了视频)
  2. 如果视频的可见百分比更高。
  3. 如果视频更靠近视口的中心。
  4. 如果所有其他方法都失败,则选择最靠近视口顶部的视频。