amp-vine
簡介
使用 amp-vine
在您的 AMP HTML 檔案中嵌入 Vine 影片。
設定
在標頭中匯入 amp-vine
元件。
<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>
基本用法
Vine 嵌入具有相等的寬度和高度。您可以在每個 Vine 的 URL 中找到 vineid
。
<amp-vine width="400" height="400" data-vineid="bpxmJaHED09">
</amp-vine>
回應式版面配置
回應式版面配置也適用。在這種情況下,您可以為 height
和 width
使用任何值,只要它們相同即可。
<amp-vine width="1" height="1" layout="responsive" data-vineid="bpxmJaHED09">
</amp-vine>
需要更多說明嗎?
如果此頁面上的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯繫,討論您的確切使用案例。
前往 Stack Overflow 未說明的特色功能?AMP 專案非常鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎針對您特別關注的問題提供一次性貢獻。
在 GitHub 上編輯範例-
作者: @sebastianbenz