amp-anim

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

用法

amp-anim 组件显示具有优化CPU管理的GIF动画。

amp-anim 组件使AMP框架可以减少在屏幕外时在动画上花费的资源。否则， amp-anim 的行为和 amp-img相同。你可以实现一个 占位符来进一步优化 amp-anim 。

<amp-anim width="400" height="300" src="my-gif.gif">
  <amp-img placeholder width="400" height="300" src="my-gif-screencap.jpg">
  </amp-img>
</amp-anim>

属性

src

指定GIF图像的URL。

srcset

指定在不同情况下使用的图像URL。与img标签上的 srcset 属性相同。

alt

提供用于辅助功能的替换文本字符串。与img标签上的 alt 属性。

attribution

指示图像的归属。例如，attribution="CC courtesy of Cats on Flicker".

width and height

提供图像的显式大小。

常见属性

amp-anim 包含扩展到 AMP 组件的 常见属性。

Styling

您可以直接使用CSS属性设置 amp-img 的样式。下面的示例设置一个灰色背景占位符：

<style amp-custom>
      .amp-anim {
          background-color: grey;
       }
</style>

验证

请参阅 AMP 验证工具规范中的 amp-anim 规则。