Уже много раз учил вас вставлять на ЛиРу видео с многих других сайтов. Даже собрал ссылки на эти сообщения вот в этом сообщении: "Всё про размещение видео с другого сайта на ЛиРу". Но мир меняется, Интернет не стоит на месте. Поэтому сегодня научу вас, как вставить видео с Instagram на ЛиРу.

В качестве примера возьмём вот это видео из Инстаграма известного российского гонщика Сергея Афанасьева, которое уже использовал в качестве примера в сообщении "Как сохранить видео с Instagram":



Как вы понимаете, Instagram не даёт так называемых "embedded-кодов" для встраивания видео на другие ресурсы. Поэтому придётся использовать сторонний плеер. По многим причинам выбрал плеер "FlashFox". На случай, если его автор вдруг решит удалить этот прекрасный плеер с его официального сайта, загрузил его на ЛиРу.

Теперь посмотрим, какой код используется для вставки видео с Instagram:
[flash=640,640,http://img0.liveinternet.ru/images/attach/b/4/4056/4056041_flashfox.swf?controls=true&poster=ссылка на картинку&src=ссылка на видео]
То, что вы должны вставить в этот код сами специально подчеркнул.

Но где эти ссылки взять?

Как и где взять ссылку на видеофайл с расширением "mp4" можно прочитать в уже упомянутом тут сообщении: "Как сохранить видео с Instagram".

Сейчас научу, как найти ссылку на так называемый "постер" для видео.

Тут всё очень похоже на поиск ссылки для видео.

Как обычно это у меня бывает, ниже вы найдёте простую инструкцию вида "шаг за шагом". Вам понадобятся: компьютер, на котором установлен браузер Google Chrome (или любой другой из его семейства), манипулятор типа "мышь компьютерная" и ваша рука.

Шаг №1
Наведите указатель мыши на видео. Нажмите правую кнопку мыши:
[показать]
Из появившегося меню надо выбрать пункт "Просмотр кода элемента".

Шаг №2
В появившемся внизу коде находим примерно вот такую ссылку:
[показать]
Порой это действие требует некоторого времени, поэтому вынес это действие в отдельный шаг.

Шаг №3
Наводим указатель мыши на кусок кода, где есть ссылка на файль "mp4", нажимаем левую кнопку мыши и выделяем весь кусок кода:
[показать]

Шаг №4
Наводим указатель мыши на слова "poster=" или на адрес изображения, который хотим скопировать. Быстро 2 раза нажимаем на левую кнопку мыши (так называемый "двойной клик"). Должно получится так:
[показать]

Шаг №5
Теперь надо нажать на правую кнопку мыши и в появившемся меню выбрать пункт "Копировать":
[показать]
Обратите внимание на последний пункт меню ("Перейти по адресу..."). Возможность для некоторых будет удобнее открыть картинку в другом окне и уже там получить её адрес (как скопировать адрес картинки можно прочитать тут: "Как скопировать адрес изображения").

Если у вас вдруг никак не получается сделать то, что в пункте 4, предлагаю простую альтернативу.
1. Нажать на правую кнопку мыши и появившемся меню выбрать "Copy as HTML":
[168x278]

2. Вставить буфер обмена в любой текстовый редактор.

3. Найти в полученном тексте адрес изображения:
[показать]
Можно ориентироваться или на расширение файла ("jpg"), или на слово "poster" перед ним.


Вот собственно и всё.

[показать]