Уже много раз учил вас вставлять на ЛиРу видео с многих других сайтов. Даже собрал ссылки на эти сообщения вот в этом сообщении: "
Всё про размещение видео с другого сайта на ЛиРу". Но мир меняется, Интернет не стоит на месте. Поэтому сегодня научу вас, как вставить видео с Instagram на ЛиРу.
В качестве примера возьмём
вот это видео из
Инстаграма известного российского гонщика Сергея Афанасьева, которое уже использовал в качестве примера в сообщении "
Как сохранить видео с Instagram":
Как вы понимаете, Instagram не даёт так называемых "embedded-кодов" для встраивания видео на другие ресурсы. Поэтому придётся использовать сторонний плеер. По многим причинам выбрал плеер "FlashFox". На случай, если его автор вдруг решит удалить этот прекрасный плеер с его официального сайта, загрузил его на ЛиРу.
Теперь посмотрим, какой код используется для вставки видео с Instagram:
[flash=640,640,//img0.liveinternet.ru/images/attach/b/4/4056/4056041_flashfox.swf?controls=true&poster=
ссылка на картинку&src=
ссылка на видео]
То, что вы должны вставить в этот код сами специально подчеркнул.
Но где эти ссылки взять?
Как и где взять ссылку на видеофайл с расширением "mp4" можно прочитать в уже упомянутом тут сообщении: "
Как сохранить видео с Instagram".
Сейчас научу, как найти ссылку на так называемый "постер" для видео.
Тут всё очень похоже на поиск ссылки для видео.
Как обычно это у меня бывает, ниже вы найдёте простую инструкцию вида "шаг за шагом". Вам понадобятся: компьютер, на котором установлен браузер Google Chrome (или любой другой из его семейства), манипулятор типа "мышь компьютерная" и ваша рука.
Шаг №1
Наведите указатель мыши на видео. Нажмите
правую кнопку мыши:
![](//img1.liveinternet.ru/images/attach/b/4/103/83/103083479_large_02.jpg)
Из появившегося меню надо выбрать пункт "Просмотр кода элемента".
Шаг №2
В появившемся внизу коде находим примерно вот такую ссылку:
![](//img1.liveinternet.ru/images/attach/b/4/103/83/103083481_large_03big.png)
Порой это действие требует некоторого времени, поэтому вынес это действие в отдельный шаг.
Шаг №3
Наводим указатель мыши на кусок кода, где есть ссылка на файль "mp4", нажимаем левую кнопку мыши и выделяем весь кусок кода:
Шаг №4
Наводим указатель мыши на слова "poster=" или на адрес изображения, который хотим скопировать. Быстро 2 раза нажимаем на левую кнопку мыши (так называемый "двойной клик"). Должно получится так:
Шаг №5
Теперь надо нажать на правую кнопку мыши и в появившемся меню выбрать пункт "Копировать":
![](//img1.liveinternet.ru/images/attach/b/4/103/584/103584375_02.png)
Обратите внимание на последний пункт меню ("Перейти по адресу..."). Возможность для некоторых будет удобнее открыть картинку в другом окне и уже там получить её адрес (как скопировать адрес картинки можно прочитать тут: "
Как скопировать адрес изображения").
Если у вас вдруг никак не получается сделать то, что в пункте 4, предлагаю простую альтернативу.
1. Нажать на правую кнопку мыши и появившемся меню выбрать "Copy as HTML":
2. Вставить буфер обмена в любой текстовый редактор.
3. Найти в полученном тексте адрес изображения:
![](//img1.liveinternet.ru/images/attach/b/4/103/583/103583291_large_04big.png)
Можно ориентироваться или на расширение файла ("jpg"), или на слово "poster" перед ним.
Вот собственно и всё.