Быстрая вставка видео YouTube на сайт

youtube

Добрый день, дорогие посетители!

В этой статье я вам расскажу о самом простом способе, как вставить видео с YouTube на сайт WordPress.

Вставить видео с youtube на сайт можно двумя способами:

  1. 1.Использовать специальный фрагмент кода, сгенерированный YouTube.
  2. 2.Использовать специальный плагин для вставки роликов с YouTube.

Второй способ подходит в том случае, если ваш блог сделан на основе CMS, например WordPress, и вы хотите сделать красивую галерею видео с различными эффектами. Но если вам нужно просто вставить видео с youtube на сайт без CMS или вы не хотите морочить голову с установкой и настройкой дополнительных плагинов и модулей, то вам лучше использовать первый способ, а именно, воспользоваться автоматически сгенерированным фрагментом кода на YouTube.

Получаем код для вставки на YouTube

Перед тем, как вставить видео с YouTube на сайт вам нужно:

  1. 1.Зайти на страницу YouTube с видеороликом, который вы хотели бы вставить на свою страницу.
  2. страница с видео ютуб
  3. 2.Внизу, под названием, на панели инструментов необходимо нажать на кнопочку «Поделиться».
  4. кнопка поделиться видео
  5. 3.В развернувшемся окне выбираем вкладку «HTML-код».
  6. код видео
  7. 4.Здесь вы увидите строку, содержащую код видео для вставки на html-страницу.
    фрагмент кода для вставки видео на сайт

    В принципе, если вам нужно сделать вставку по быстренькому, то вы можете просто скопировать эту строку, и переходить к разделу с инструкцией по вставке этого кода на страницу.

  8. 5.Также под строкой с кодом, есть кнопка «ЕЩЁ», которая позволяет нам задать определённые настройки.
    настройки кода

    Размер видео – позволяет выбрать подходящий для вашего сайта размер. Доступно 4 размера, а также возможность задать произвольный размер.

    разрешение видео

    Показывать похожие видео после завершения просмотра – эта опция, после завершения показа, выводит подборку, в виде сетки, с роликами которые, по мнению ютуба, могли бы заинтересовать пользователя. Рекомендую эту галочку убрать, так как, кликнув по одному из них, пользователь уйдет с вашего сайта.

    Показывать панель управления – убирает или добавляет панель управления внизу видео.

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

    Включить режим повышенной конфиденциальности – если вы включите эту опцию, то ютуб будет отслеживать информацию о посетителях на вашей странице только в случае, если они просмотрят видео.

  9. 6.После того, как мы задали дополнительные настройки, можно скопировать строку с кодом, и переходить к вставке видеоролика на страницу.

Как вставить видео с YouTube на сайт

Рассмотрим вставку видеоролика на страницу на примере WordPress:

  1. 1.Заходим в админпанель и открываем для редактирования страницу или запись, на которой хотим вставить ролик.
  2. 2.Переключаемся, в блоке редактора, на вкладку «Текст».
  3. окно редактирования страницы вордпресс

  4. 3.В нужном месте вставляем полученный фрагмент кода.
  5. вставка кода видео на страницу

  6. 4.Нажимаем кнопку «Обновить» и смотрим, что у нас получилось:

Надеюсь, моя статья помогла вам разобраться, как вставить видео с YouTube на сайт, и у вас не возникнет проблем. Так же, не забудьте подписаться на мою рассылку и мой канал на YouTube.

Желаю Вам удачной вставки видео на ваш сайт! Если что – пишите комментарии, пообщаемся.

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif