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 上編輯範例-