amp-anim

简介

使用 amp-anim 将动画（gif，webp）嵌入到您的 AMP HTML 文件中。动画文件应通过 HTTPS 加载。

设置

在头部导入动画组件。

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

基本用法

一个基本嵌入。amp-anim 的用法与 amp-img 类似。

<amp-anim width="245" height="300" src="/static/samples/img/gopher.gif" alt="an animation" attribution="The Go gopher was designed by Reneee French and is licensed under CC 3.0 attributions.">
</amp-anim>

占位符

当加载 src 文件需要时间时，您可以使用 amp-img 作为占位符。在这种情况下，必须将 placeholder 属性添加到嵌套的 amp-img 中。

<amp-anim width="245" height="300" src="/static/samples/img/gopher.gif" alt="an animation" attribution="The Go gopher was designed by Reneee French and is licensed under CC 3.0 attributions.">
  <amp-img placeholder width="245" height="300" src="/static/samples/img/gopher.png"></amp-img>
</amp-anim>

需要进一步解释吗？

如果此页面上的解释未能涵盖您所有的问题，请随时与其他 AMP 用户联系，讨论您的确切用例。

前往 Stack Overflow

未解释的功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您能成为我们开源社区的长期参与者，但我们也欢迎您对您特别感兴趣的问题进行一次性贡献。

在 GitHub 上编辑示例

由 @sebastianbenz 编写