Как вставить видео с YouTube на сайт без плагина

Автор: | Рубрика: Блог на Wordpress | Обновлено: 2015-03-14 | Создано:
Просмотров: 2786
Как вставить видео с YouTube на сайт без плагина

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

Итак, последовательность действий для вставки видео с YouTube в запись:

  1.  Под видеороликом на Ютубе есть кнопка Поделиться нажимаем на нее:
    Как вставить видео на сайт с YouTube
  2. Ниже откроется вкладка, на которой будет предложено поделиться ссылкой на ролик в социальных сетях. Но мы переходим на вкладку Сгенерировать HTML-код:вставить видео с YouTube
  3. Теперь нужно сделать несколько настроек кода на добавляемый видеоролик. Выберите размер окошка с видео или задайте свои размеры. Это нужно сделать для того, чтобы видео не выходило за пределы блока с контентом, так как у каждого шаблона своя ширина центральной колонки. Можно снять галочку с пункта Показывать похожие видео, если Вы не хотите, чтобы пользователям показывались анонсы других видео после окончания просмотра текущего видеоролика. Для вставки видео с Ютуб на WordPress блог нужно поставить галочку напротив пункта Использовать старый код вставки. Это нужно для того, чтобы видео корректно отображалось при переходе из вкладки HTML редактора на вкладку Визуального редактора.
  4. После выполнения нужных настроек копируйте код видеоролика и вставляйте его в нужном месте статьи, предварительно перейдя на вкладку HTML редактора:
    видео с YouTube
  5. При переключении на вкладку Визуального редактора будет отображаться желтый прямоугольник. Не пугайтесь, Вы все сделали правильно. Если нажать на кнопку Предварительный просмотр или опубликовать запись, то видео с  YouTube будет отображаться в статье корректно.

Как видите вставить ролик с Ютуба на свой сайт несложно. А в случае возникновения проблем посмотрите видео ниже. В нем автор подробно показывает как без плагина вставить видео на WordPress сайт с видеохостинга YouTube.


P.S. Для выравнивания видео по центру заключите его в тег <center></center>

С уважением, Виктория – блог inetsovety.ru

Поделиться ссылкой на пост в соц. сетях
Получать уведомления о новых статьях на e-mail
Комментариев: 27 к статье "Как вставить видео с YouTube на сайт без плагина"
  • Сергей Грицюк 2015-10-28 в 14:37

    Видео по центру так же можно выровнять в визуальном редакторе или с применением тега div — ссылка на видео

    Ответить
  • Сергей 2015-09-23 в 07:39

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

    Ответить
    • Виктория 2015-09-23 в 19:45

      Доброго времени суток, Сергей!
      Даже и не знаю, как это автоматизировать. Скорее всего руками придется делать.

      Ответить
    • Сергей Грицюк 2015-10-28 в 14:26

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

      Ответить
  • Nik 2015-08-18 в 09:56

    Спасибо, очень помогло!

    Ответить
  • Константин Кислов 2015-03-30 в 22:27

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

    Ответить
    • Сергей Грицюк 2015-10-28 в 14:27

      Сейчас уж достаточно просто ссылку на видео вставить в статью без дополнительных тегов.

      Ответить
  • marihka 2014-06-01 в 15:07

    Виктория, у меня опять вопрос. Ваши советs только для вставки видео на WordPress блог? Или эти рекомендации как то применимы для блогов на Blogger? Спасибо).

    Ответить
    • Виктория 2014-06-02 в 09:58

      Можно вставлять в блоги, которые работают на Blogger, главное условие — добавление кода не в визуальном редакторе, а в html, иначе видео работать не будет.

      Ответить
      • Константин Кислов 2015-03-30 в 22:30

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

        Ответить
        • Сергей Грицюк 2015-10-28 в 14:28

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

          Ответить
  • Александр 2014-05-29 в 08:32

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

    Ответить
    • Сергей Грицюк 2015-10-28 в 14:30

      Интересно, по какой причине у некоторых людей с первого раза не получалось вставить видео с Ютьюба на блог на Вордпрессе? Может для вставки видео с других источников требуются ккакие-то дополнительные манипуляции, но в случае с Ютьбом у меня дажи и мысли никогда не возникало ставить какие-то дополнительные плагины.

      Ответить
  • Persya 2013-10-28 в 18:55

    Виктория, в очередной раз прочитала вашу статью. Появился вопрос: загружать на блог с ютуба можно только свои видео или любые по теме. Если второе, не будет ли это плагиатом?

    Ответить
    • Виктория 2013-10-28 в 19:24

      Если кто-то напишет жалобу, что вы разместили его видео у себя, то его удалят модераторы.

      Ответить
      • Persya 2013-10-29 в 21:51

        Теперь всё понятно, спасибо. Раньше я думала, что размещать можно только своё видео.

        Ответить
        • Сергей Грицюк 2015-10-28 в 14:32

          А зачем загружать видео с Ютьюба на хостинг? Достаточно просто ссылку на него поставить, чтоб не занимать место.

          Ответить
  • Persya 2013-10-25 в 23:35

    Замечательно, я нашла ответ на свой вопрос. Теперь предстоит научиться снимать качественные видео.

    Ответить
    • Сергей Грицюк 2015-10-28 в 14:33

      Хроший видеокурс по съмке видороликов и скринкастов создал Игорь Лохман. Действительно много полезной информации, особенно, если вообще не представляешь, как этот процесс происходит.

      Ответить
  • Наталья 2013-08-13 в 09:43

    Спасибо большое сегодня попробую!

    Ответить
  • alf2012 2013-05-25 в 21:17

    У меня в визуальном редакторе желтые квадратики видно, но при просмотре неопубликованной статьи — только пустое место под ролик. Сам ролик становится видно уже при публикации статьи 😕

    Ответить
    • Константин Кислов 2015-03-30 в 22:32

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

      Ответить
  • Илья 2013-04-03 в 10:32

    Спасибо за столь качественную написанную статью.Вы мне очень помогли 😉

    Ответить
    • Alexandr 2013-04-13 в 13:33

      Всё пережевано и преподнесено на блюдечке с голубой каёмочкой.
      Спасибо. Доступнее некуда.

      Ответить
  • Юлия Андреевна 2013-03-07 в 18:29

    Виктория, спасибо за статью! Теперь стала добавлять видео из YouTube без загрузки на хостинг, а то очень много места занимало и грузилось чуть дольше. Очень полезная информация для блоггеров.

    Ответить
    • Сергей Грицюк 2015-10-28 в 14:35

      Это ж какое дорогое удовольствие получалось, если на блоге очень много статей и в каждой было видео.

      Ответить
  • format123 2013-02-13 в 23:14

    Как всегда оченьь полезная информация,
    Спасибо

    Ответить
Оставить комментарий
Нажмите, чтобы отменить ответ.

Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!