Do you build things with AMP? Fill out the AMP Developer Survey!
AMP
  • websites

amp-vine

Introduction

Use amp-vine to embed Vine videos in your AMP HTML files.

Setup

Import the amp-vine component in the header.

<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>

Basic usage

A Vine embed has equal width and height. You can find the vineid in the each vine's URL.

<amp-vine width="400"
  height="400"
  data-vineid="MdKjXez002d">
</amp-vine>

Responsive layout

Resposive layout works as well. In that case you can use any value for height and width as long as they are the same.

<amp-vine width="1"
  height="1"
  layout="responsive"
  data-vineid="MdKjXez002d">
</amp-vine>
Ti servono altre spiegazioni?

Se le spiegazioni riportate in questa pagina non rispondono a tutte le tue domande, non esitare a contattare altri utenti AMP per discutere il tuo caso d'uso specifico.

Vai a Stack Overflow
Ci sono funzioni non descritte?

Il progetto AMP invita tutti a partecipare e dare il proprio contributo! Ci auguriamo che tu possa partecipare regolarmente alla nostra community open source, ma saremo anche lieti di ricevere eventuali contributi una-tantum sulle questioni che ti interessano.

Modifica esempio in GitHub