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 编写