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