amp-vine to embed Vine videos in your AMP HTML files.
amp-vine component in the header.
<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>
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>
Resposive layout works as well. In that case you can use any value for
width as long as they are the same.
<amp-vine width="1" height="1" layout="responsive" data-vineid="MdKjXez002d"> </amp-vine>
If the explanations on this page don't cover all of your questions feel free to reach out to other AMP users to discuss your exact use case.Go to Stack Overflow An unexplained feature?
Written by @sebastianbenz