Вставляем фото и видео Instagram на веб-страницы

28 июля 2013 |

В сервисе обмена фотографиями, а с недавнего времени, и видеороликами, Instagram появилась возможность не только делиться шедеврами с другими пользователями соцсетей, но и встраивать их в свои блоги или веб-сайты. Напомним, что сервис Twitter Vine сразу же после появления обзавелся возможностью встраивания пятисекундных записей на сайтах, в блогах, в постах и комментариях.

13.07.10-Instagram-Embed

Поэтому, после появления в Instagram возможности записи коротких видеороликов, добавление функции встраивания их в веб-сайты стало вопросом времени, причем не долгого. Как же следует поступать пользователю, чтобы встроить снимок или видеоролик в свой блог, например?

Добавленная функциональность в значительной степени имитирует возможности Vine. Для начала, пользователь должен открыть фото или видео Instagram при помощи своего браузера. Чтобы получить доступ к файлам Instagram через браузер, необходимо войти на сайт www.instagram.com, нажать на иконку профиля в верхнем правом углу и выбрать пункт “Просмотреть профиль” (View Profile) и выбрать изображение/видео. Например, это.

Instagram-embedding-001

В правом верхнем углу окна, сразу под кнопкой “Комментарии”, появилась новая кнопка “Поделиться” (Share). Нажатие на эту кнопку позволяет открыть код вставки текущего фото или видео.

Instagram-embedding-002

Нажатие кнопки “Скопировать код” копирует в буфер обмена HTML-код, который можно использовать для встраивания фото/видео в блог, сайт или пост. Как и любой код, его можно вручную изменить, задав необходимые параметры размеров окна отображения медиаконтента, чтобы оно соответствовало конкретному месту, для которого предназначена вставка.

Вот как будет выглядеть эта вставка на сайте.

Следует отметить, что встраиваемый медиаконтент включает в себя имя Instagram-пользователя – автора фото/видео, к которому прикреплен логотип учетной записи Instagram. При нажатии на них, читатели переводятся на страницу пользователя в сервисе, где они могут ознакомиться с другими его работами.

Вот так, примерно, будет выглядеть видео-вставка из Instagram.

Конечно, было бы гораздо удобнее и проще производить вставки медиаконтента на сайты непосредственно из приложения Instagram (без необходимости пользоваться браузером). Возможно, что рано или поздно, такая возможность появится у клиентов сервиса.

Согласно заявлению Instagram, функция веб-вставки поддерживает настройки приватности, не позволяя вставлять изображения, для которых установлено ограничение доступа.

Смотрите также: