• Авторизация


Как вставить ролик из YouTube(ютуба) в LiveInternet, пошаговая подробная инструкция 15-05-2016 20:11 к комментариям - к полной версии - понравилось!

Это цитата сообщения Елена_Дранчук-Подшибякина Оригинальное сообщение

Как вставить ролик из YouTube(ютуба) в LiveInternet, пошаговая подробная инструкция

5177462_Image_4 (681x601, 133Kb)Автор поста:" Сегодня я вам расскажу как легко и быстро вставить видео ролик из ютуба. Если вам это интересно то пожалуйста

1. Для начала конечно же переходим на сам сайт YouTube с роликом который хотим добавить в блог. Возьмём для примера видео под названием "Забавные собачки". :D Выглядит оно вот так:

5861987_0 (700x371, 80Kb)

2.После этого опускаемся немного ниже и смотрим, что же у нас там есть.

5861987_1_1_ (700x371, 98Kb)

3. Ниже можно заметить кнопки "Добавить в", "Поделиться" и "Еще". Нам нужна кнопка "Поделиться", ее и кликаем, после чего выскакивает следующее окно(я подчеркну красной полосой, чтобы вы уж точно все нашли):

5861987_2 (700x268, 76Kb)

4. После этого переходим во второй раздел меню "Поделиться", а именно в "HTML-код", изображение ниже(тоже подчеркну красным):

5861987_3 (700x371, 109Kb)

5. Мы видим, что нам сгенерировали строчку iframe:

<iframe width="560" height="315" src="https://www.youtube.com/embed/SlBhDmqhAcc&quot; frameborder="0" allowfullscreen></iframe>

iframe это такая штука которая позволяет в наш код статьи в область заданных размеров добавлять любые другие независимые документы.width="560" height="315" - значения говорят нам о том. что ширина фрейма с видео роликом будет 560 а длина 315, их конечно вы можете поменять по своему вкусу. src - значение в котором собственно указывается ссылка на желанный ролик, frameborder - это рамка, можно к примеру сделать ее не нулевой трехмерной, изменив значение 0 на 1. Ну и allowfullscreen - позволяет нам раскрывать видео на весь экран.

 

6. Код-ссылку iframe мы получили, что же делать нам с нею дальше? В полной форме создания записи в блоге нужно перейти в режим редактирования "Источник":

5861987_4 (700x225, 60Kb)

7. Когда кликнем увидим примерно следующее:

5861987_5 (700x225, 54Kb)

8. Вставляем наш код iframe:

5861987_6 (700x225, 46Kb)

9. И снова кликаем на Источник, получаем следующее:

5861987_7 (700x235, 40Kb)

10. Да, на стадии редактирования вы не увидите и не сможете запустить полноценно ролик, в следующей картинке я покажу, как выглядит добеленные собачки в предварительном просмотре:

5861987_8 (700x420, 99Kb)

Поздравляю! Мы справились с этой задачей. Научились добавлять ролики с YouTube на наш блог!

источник nilamop http://nilamop.com/post387802493/?upd#

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как вставить ролик из YouTube(ютуба) в LiveInternet, пошаговая подробная инструкция | МИ-ЛА-ДА - Закрома Бабуси Люси | Лента друзей МИ-ЛА-ДА / Полная версия Добавить в друзья Страницы: раньше»