Георгиевская ленточка

Как вставить в Blogger видео из YouTube

16.12.2012

Есть несколько вариантов вставки видеороликов из YouTube в блоги на платформе Blogger. Сделать это без знания HTML совсем несложно. И Ваши читатели смогут смотреть видео онлайн прямо на Вашем блоге.


Способ 1. Добавление видео в Blogger без вставки Html-кода.

1) При создании сообщения (статьи) на блоге нажать кнопку "Вставить видеоролик":



 2) Затем в открывшемся поверх страницы сообщения окне выбрать С YouTube и в строке поиска написать название или тему видео. 



 3) Найдите нужное видео и внизу в этом же окне нажмите кнопку Выбрать.

Способ 2. Добавление видео со вставкой Html-кода (простой, без знания языка Html)

1) Зайти на сайт YouTube. В строке поиска вписать тему или название видеоролика

2) Подождать, когда откроется страница с видеороликом. Ниже под видео найти кнопку Поделиться > Сгенерировать HTML-код:


3) Нажать Сгенерировать HTML-код и ниже в рамке его скопировать.

4) Зайти на страницу создания сообщения в Blogger  и в том месте, где хотите вставить видео, написать несколько любых одинаковых цифр. Например, 9999999999999.

5) Перейти в режим создания сообщения HTML:


6) Найти в коде написанные Вами цифры - это несложно:


7) Поставить курсор в середину цепочки из цифр и вставить скопированный код ролика из YouTube:


8) Перейти в обычный режим создания сообщения, нажав на кнопку Создать (слева вверху). Посмотреть, что получилось. В режиме ПРОСМОТР проверить, вписывается ли размер окна видео в ширину сообщения на Вашем блоге. 

Если размер окна добавленного видео не подходит, его легко можно изменить на сайте YouTube. Для этого под рамкой с HTML-кодом, который Вы ранее копировали, найдите кнопку Другой размер.

  • Чтобы УВЕЛИЧИТЬ размеры экрана видео, нажмите на треугольничек и выберите нужные параметры.
  • Чтобы УМЕНЬШИТЬ размеры отображаемого в Blogger видеоролика - в первую пустую рамочку справа впишите желаемый размер ширины экрана. Причем, второй параметр (высота) подставится автоматически для сохранения пропорций и нормального просмотра видео.
Снова скопировать HTML-код с измененными параметрами, в блоге в режиме HTML удалить старый код видео (между цифр его хорошо видно) и вставить новый.

9) Удалить ненужные цифры перед и после видео в сообщении и вместо них (если хотите) впишите название ролика или подпись.

Для примера я вставила в свой блог видео с фильмом.
Предлагаю Вам посмотреть отечественную комедию "На море"
Прикольный семейный фильм про "наши, только русские особенности". 
Мне понравился :)


Длинноватая получилась инструкция, потому что я, как всегда, постаралась описать пошагово, как без знания HTML можно легко вставить в свой блог на Blogger'е видео с YouTube.

В принципе, вставка с RuTube аналогична по 2 способу. Да и любой нужный Вам скопированный "кусочек" практически любого кода можно вставлять таким способом. Я и сама часто так делаю. 






9 комментариев:

  1. Меня интересует как загрузить собственное видео на блоггер,пыталась но пишет что файл не смог загрузиться почему?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте! Для Вас статья: "Как вставить видео в Блоггер с компьютера" http://samasajt.blogspot.ru/2013/11/kak-vstavit-video-v-blogger-s-komputera.html

      Удалить
  2. Как всегда предельно ясно! Спасибо, Мария!

    ОтветитьУдалить
  3. Как всегда предельно ясно! Спасибо, Мария!

    ОтветитьУдалить
  4. Этот комментарий был удален автором.

    ОтветитьУдалить
  5. Я не смыслю своей жизни без YouTube, но тут недавно задумалась, а как же он появился и начал расти? Наткнулась на - http://inphormatika.ru/materials/chto_takoe_youtube.html, статья очень понравилась, очень информативная. Всегда нужно знать противника в лицо, а историю с начала до конца, поэтому советую Вам!)

    ОтветитьУдалить
  6. Машенька, спасибо! Что бы я без Вас и Вашего блога делала...)))

    ОтветитьУдалить
  7. А как пользоваться Videobar ом , у меня на блоге maginoid.ru , Он маленький постоянно делается. И не в полный размер

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Вы используете гаджет "Панель видео"? http://samasajt.blogspot.ru/2013/01/blog-post_11.html

      Удалить

Загляните и на другие страницы ^