amp-gfycat component to embed animated GIFs from gfycat in your AMP HTML files.
<script async custom-element="amp-gfycat" src="https://cdn.ampproject.org/v0/amp-gfycat-0.1.js"></script>
Embed an animated GIF from gfycat via the
data-gfyid attribute. We recommend using responsive layout for better experience. Find a list of all supported layouts here.
height attributes should be the actual width and height of the Gfycat, you can find them by going to https://gfycat.com/name, click on the embed link and copy the width and height specified in the fixed IFRAME field.
<amp-gfycat data-gfyid="TautWhoppingCougar" width="640" height="360" layout="responsive"> </amp-gfycat>
Disabling auto play
By default video is autoplaying. It's possible to turn it off by setting
<amp-gfycat data-gfyid="TautWhoppingCougar" width="640" height="360" layout="responsive" noautoplay> </amp-gfycat>
If the explanations on this page don't cover all of your questions feel free to reach out to other AMP users to discuss your exact use case.Go to Stack Overflow An unexplained feature?
The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.Edit sample on GitHub
Written by @kul3r4