AMP
  • 网站

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>

响应式布局

响应式布局也适用。在这种情况下,只要 heightwidth 的值相同,您就可以使用任何值。

<amp-vine width="1" height="1" layout="responsive" data-vineid="bpxmJaHED09">
</amp-vine>
需要进一步解释吗?

如果本页的解释没有涵盖您的所有问题,请随时联系其他 AMP 用户,讨论您的具体用例。

前往 Stack Overflow
一个未解释的功能?

AMP 项目强烈鼓励您的参与和贡献! 我们希望您成为我们开源社区的持续参与者,但也欢迎您为自己特别感兴趣的问题做出一次性贡献。

在 GitHub 上编辑示例