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