amp-gfycat
简介
使用 amp-gfycat 组件将来自 gfycat 的动画 GIF 嵌入到您的 AMP HTML 文件中。
设置
导入 amp-gfycat 组件。
<script async custom-element="amp-gfycat" src="https://cdn.ampproject.org/v0/amp-gfycat-0.1.js"></script>
基本用法
通过 data-gfyid 属性嵌入来自 gfycat 的动画 GIF。我们建议使用响应式布局以获得更好的体验。在此处查找所有支持的布局列表：此处。 width 和 height 属性应该是 Gfycat 的实际宽度和高度，您可以通过访问 https://gfycat.com/name、单击嵌入链接并复制固定 IFRAME 字段中指定的宽度和高度来找到它们。
<amp-gfycat data-gfyid="TautWhoppingCougar" width="640" height="360" layout="responsive">
</amp-gfycat>
禁用自动播放
默认情况下，视频会自动播放。可以通过设置 noautoplay 属性来关闭它。
<amp-gfycat data-gfyid="TautWhoppingCougar" width="640" height="360" layout="responsive" noautoplay>
</amp-gfycat>
需要进一步解释？
如果此页面上的解释未能涵盖您的所有问题，请随时与其他 AMP 用户联系，讨论您的确切用例。
转到 Stack Overflow 未解释的功能？AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的长期参与者，但也欢迎您为自己特别感兴趣的问题做出一次性贡献。
在 GitHub 上编辑示例-