Вставляем изображения из инстаграмма при помощи amp-instagram

Введение

Вставляйте видео и фотографии instagram в файлы AMP HTML.

Установка

Подключите(вставьте) в head AMP-страницы следующий скрипт:

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

Базовое использование компонента для вывода ин

Instagram фотографии встроены через данные instagram-шорткод, который находится в каждом instagram фото URL. Многих instagram-квадратные. Когда вы установите layout= «responsive», любое значение, где ширина и высота одинаковы, будет работать.

<amp-instagram data-shortcode="1totVhIFXl"
width="1"
height="1"
layout="responsive">
</amp-instagram>

Если изображение не квадратное, ширина и высота должны быть фактической шириной и высотой изображения instagram.
<amp-instagram data-shortcode="_hIitKIFcg"
width="600"
height="450"
layout="responsive">
</amp-instagram>

Описание instagram изображений

Можно включать подписи с атрибутом data-captioned

<amp-instagram data-shortcode="BMQ8i4lBTlb"
data-captioned
width="1"
height="1"
layout="responsive">
</amp-instagram>

Оставить комментарий

avatar
25412
  Подписаться  
Уведомление о