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 上编辑示例