Инструкция, как вставить видео с Ютуба на сайт с помощью html

Здравствуйте! В данной статье расскажу, как вставить видео с Ютуба на сайт независимо от CMS, путем копирования html кода с Youtube в виде пяти несложных шагов.

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

Вероятно у вас возникнет сейчас логичный вопрос: "а для чего нужно добавлять видео в статьи на своём интернет-ресурсе, если можно просто дать ссылку на нужный ролик в ютубе?". Давайте разбираться!

Зачем вам нужно вставить видео с Ютуба на сайт

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

В нескольких словах я сейчас расскажу, для чего просто необходимо встроить видео с youtube на сайт и что это даст вашему сайту.

  1. Улучшается поведенческий фактор заметки, ведь читатели задерживаются на странице дольше, потому что, помимо чтения, могут ещё и видео посмотреть, им это удобнее: кто-то любит тексты читать и воспринимает лучше письменную информацию, кто-то предпочитает видосик посмотреть, а кто-то – и то и другое.
  2. Поисковики отдают статьям, в которых есть видео, больший приоритет, чем аналогичным схожего качества по тем же поисковым запросам, поскольку раз есть видеоролик, значит тема раскрыта ещё лучше.

Проще говоря, когда есть подходящее видео с youtube, то лучше вставить его на сайт, чем не делать этого. Чтобы позволить лучше продвигаться, желательно использовать именно ваш собственный уникальный ролик, а не чужой, поскольку этот фактор также учитывается поисковыми системами. Пример встроенного видео на моём блоге:

как вставить видео с ютуба на сайт

5 простых шагов, как вставить видео с Ютуба на сайт

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

  1. Прежде всего, нужно зайти на сервис YouTube и открыть нужный видеоролик, который хотите опубликовать в заметке своего ресурса.
  2. Под плеером нажать "Поделиться"
  3. Нажмите “Встроить”, а в следующем окне, где отобразится код видео для вставки, кликните "Копировать". Если хотите, чтобы видео на вашем сайте проигрывалось с нужного момента, то отметьте пункт "Начало" и укажите нужную минуту и нужную секунду.
  4. как встроить видео с youtube на сайт

  5. Перейдите в редактор нужной статьи на своём сайте и вставьте скопированный с Ютуба html код в то место, где должно отображаться видео. Для быстрой вставки кода используйте комбинацию клавиш Ctrl+V. Причём вставлять нужно обязательно в "режиме кода" редактора. Если добавите его в визуальном режиме, то код в итоге так и будет на сайте отображаться как обычный текст.
  6. После того, как код будет добавлен в статью, можете при необходимости поменять размеры, например, я поправила для своей заметки на 640х390 (стандартные были 560х315), чтобы видео хорошо смотрелось на странице, не было слишком растянутым или наоборот. Для изменения ширины, поменяйте цифру в параметре width, высота меняется в параметре height.

как получить html код видео youtube

Всё готово, осталось только сохранить в редакторе статью и посмотреть результат, открыв нужную страницу своего блога! Я же говорила, что все очень просто =)

Как я использую Youtube-видео в блоге

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

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

То есть, говоря простыми словами, одним видеороликом я убиваю сразу двух зайцев: и ютуб-канал развиваю, и свой онлайн-дневник. Ах да, и конечно, реализую свой творческий потенциал! В общем, куда не посмотри – одни плюсы.

Вывод

Итак, как вставить видео с ютуба на сайт, мы с вами разобрались. Как видите, всё делается за несколько кликов мышкой: скопировал html код видео и добавил на свой ресурс, всё! Другого ничего искать и выдумывать не требуется.

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

Если у вас остались какие-то вопросы по моей заметке, напишите их, пожалуйста, в комментариях, я с удовольствием отвечу! :)

С вами была Елена Кашина.

Сделай репост – выиграй ноутбук!

Каждого 1 и 15 числа iBook.pro разыгрывает подарки.

  • Нажми на одну из кнопок соц. сетей
  • Получи персональный купон
  • Выиграй ноутбук LENOVO или HP

Подробно: ibook.pro/konkurs

LENOVO или HP от 40-50 т.р., 8-16ГБ DDR4, SSD, экран 15.6", Windows 10

8 комментариев

  • Аватар комментатора Тамара Тамара
    Мне бы еще научиться как собственное видео вставлять в текст, все жду когда урок такой будет
    Ответить
    1. Аватар комментатора Елена Кашина Елена Кашина

      Тамара, если у Вас есть канал на ютубе, то очень просто, а если еще нет канала, то создайте его. Инструкция по созданию своего канала есть на моем блоге.

      Ответить
  • Аватар комментатора Тамара Тамара
    Спасибо Елена! В ученье пригодится!
    Ответить
    1. Аватар комментатора Елена Кашина Елена Кашина

      Спасибо за отзыв, Тамара!))

      Ответить
  • Аватар комментатора Виталий Виталий
    Всё понятней некуда, но у меня ничего не получается. Скопированный с Ютуба html код так и отображается в редакторе сайта буквенным текстом, перебрал все предлагаемые этим сайтом коды ( html, java script и т.д.) и никакого результата. У других же всё получается. В чём ещё может быть фишка?
    Ответить
    1. Аватар комментатора Елена Кашина Елена Кашина

      Здравствуйте, Виталий! Первые два скриншота, если надо просто вставить куда-то видео (в сообщении, на странице в ВК или еще где-то) http://prntscr.com/q3wmpa http://prntscr.com/q3wnhz , последние два скриншота если надо вставить видео на блог http://prntscr.com/q3wq3a , http://prntscr.com/q3wuxe Попробуйте еще Виталий, если не получится, то можно связаться по скайпу.

      Ответить
  • Аватар комментатора Алла Алла
    Спасибо за полезную фишку, оказывается, что проще простого, вставить видео на свой сайт.
    Ответить
    1. Аватар комментатора Елена Кашина Елена Кашина

      Спасибо за отзыв, Алла! Это действительно очень просто!

      Ответить

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

Отправить комментарий Отменить

Сообщение