В прошлом месяце я запустил инструмент «Встроить Instagram», который поможет вам легко встраивать видео и фотографии из Instagram на свой веб-сайт.
Две недели спустя Instagram включал в себя функциональность в встраивании на их сам веб-сайт, делая наше приложение более или менее избыточным. Однако есть пара недостатков с встроенным кодом по умолчанию, доступно на веб-сайте Instagram.
Во-первых, встроенный код по умолчанию является чрезвычайно громоздким (см. Модель водопада), поскольку он загружает несколько файлов JavaScript и шрифтов в фоновом режиме (около 600 КБ). Вы можете уменьшить размер своей страницы (и, таким образом, увеличить скорость страницы), используя необработанный код для встраивания, который не загружает эти ненужные файлы.
Другая проблема заключается в том, что встроенный код по умолчанию не отвечает. Например, если вы встроили в свой блог изображение или видео Instagram размером 612×612 пикселей, может потребоваться горизонтальная прокрутка при просмотре сайта на мобильном устройстве или планшете.
Однако код, генерируемый встраиваемым Instagram, — это, однако, отзывчивый, и, следовательно, встроенные среды будут автоматическими изменениями на основе размера браузера / экрана посетителей. Пожалуйста, обратитесь к этой странице, чтобы сравнить как в субстентах вставки.
\ == Далее следует оригинальная история ==
Чтобы начать, скопируйте-вставьте любой URL-адрес Instagram и инструмент сгенерирует код RAW в области для носителя Instagram с сохраненными кредитами. Вы можете даже использовать короткие URL-адреса как строку ввода T. CO URL-адресов T.co, которые вы, возможно, были обнаружены в Twitter, и инструмент автоматически увеличит их, прежде чем генерировать код.
Размер по умолчанию в Instagram видео и фотографии — 612×612 пикселей, но вы можете изменить значения высоты и ширины в встроенном коде, чтобы они поместили шаблон вашего блога.
Инструмент использует теги видео HTML5 для встраивания видео из Instagram, поэтому эти видео будут воспроизводиться в большинстве современных браузеров и мобильных устройств без использования плагинов.
Вы также можете использовать инструмент Embed для загрузки видео из Instagram. Это связано с тем, что встроенный код включает в себя прямой URL для видеофайла.mp4, который вы можете либо сохранить локально с правой кнопкой мыши или отправить его в Dropbox или Google Drive.
Instagram не позволяет пользователям прикреплять какие-либо лицензии в стиле Creative Commons к загруженным медиафайлам, поэтому всегда может быть хорошей идеей получить подтверждение от пользователя Instagram, прежде чем использовать их медиафайлы на вашем веб-сайте.