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 上编辑示例-