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="bpxmJaHED09">
</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="bpxmJaHED09">
</amp-vine>
Sollten die Erklärungen auf dieser Seite nicht all deine Fragen beantworten, kannst du dich gerne an andere AMP Nutzer wenden, um deinen konkreten Use Case zu besprechen.
Zu Stack Overflow wechseln Ein Feature wurde nicht erklärt?Das AMP Projekt ist auf deine Teilnahme und deine Beiträge angewiesen! Wir hoffen natürlich, dass du dich aktiv an unserer Open Source Community beteiligen wirst. Aber wir freuen uns auch über einmalige Beiträge zu den Themen, die dich besonders interessieren.
Beispiel auf GitHub bearbeiten-
Written by @sebastianbenz