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

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

Приветствую Вас на своем блоге!
YouTube очень популярный ресурс, очень часто на разных сайтах можно встретить видео клипы с этого сервиса. Если вы еще не знаете, как добавить видео с YouTube на сайт, то этот пост вам поможет разобраться, как это сделать.
Видео на блоге, это очень полезное дополнение к вашим постам, так как лучше один раз увидеть, чем десять прочитать. Тем более, если вы что-то объясняете на своем сайте.

И так, теперь о том, как вставить видео c Youtube на сайт.
Если сказать коротко, то нужно просто код или url видео клипа скопировать к себе на сайт, на ту страницу, где вы хотите его разместить.
Я объясню, как вставить видео на сайт, на примере одного ролика со своего канала на YouTube.

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

Открываете видео. Чтобы скопировать код ролика, нажимаете кнопку “Поделиться”, затем “HTML-код”.
Скопируйте этот код полностью и вставьте его к себе на блог, туда, где вы хотите разместить видео ролик.
Да, забыл уточнить, код вставляйте обязательно в текстовом режиме HTML-кода, а не в визуальном.

При вставке этого кода на блог WordPress, видео не отображается сразу, при предварительном просмотре страницы.
Для просмотра видео, нужно нажать “Предварительный просмотр”, а затем при переходе на страницу просмотра, просто обновите ее.

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

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

Например, если вы хотите, чтобы после окончания просмотра, не появлялись похожие видео, то уберите галочку с пункта “Показывать похожие видео после завершения просмотра”.

Или добавьте в свой код  запись ?rel=0, сразу после названия ролика.
На изображении участок кода, который нужно добавить подчеркнут.
Так удобно сделать, если вы хотите изменить настройки своих видео роликов, которые уже установлены на сайт.
Если включить режим повышенной конфиденциальности, то сервис YouTube не будет сохранять информацию о ваших посетителях, которые не смотрели видео.

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

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

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

Если ваш сайт не поддерживает новый код, который заключен в теги iframe, то установите галочку в пункте “Использовать старый код вставки”, этот код начинается с тега object.
Разница между ними в том, что старый код поддерживает только технологию Flash, а новый и Flash и HTML5.

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

Как видите сложного тут нет ничего, и добавить видео с YouTube на сайт, может любой вебмастер.
Кстати на YouTube можно смотреть видео в режиме ТВ или видео плеера, что делает просмотр еще удобней.
Удачи!

С уважением Юрий Хрипачев.

Поделитесь с друзьями в социальных сетях!


Если вам понравился сайт, тут Вы можете подписаться на обновления блога.

Введите свой e-mail адрес:

Навигация

Следующая статья:

Обсуждение: оставлено 50 коммент.
  1. Александр Рус:
    http://myworkpro.ru

    А я делаю по другому. Правой кнопкой мыши щелкаю на само видео и выбираю “Скопировать html-код видео”.
    P.S. – Разместил у себя на сайте статью “В гостях у блогеров круглого стола”, где вы попали в обзор.

    • Юрий Хрипачев:

      ОК, Обязательно зайду к вам в гости.

      • Александр Рус:
        http://myworkpro.ru

        Оо А я думал, что у Вас в прошлый раз мой комментарий не опубликовался, оказывается он находился на модерации.
        Кстате видео еще можно кроме кода вставить, при помощи копировании ссылки на видео, как это примерно делается в контакте, когда туда видео из Ютуба пихают.

        • Василий Цубера:

          Александр спасибо за подсказку. Вот попробую таким способом поставить видео.

  2. Антон Дышлюк:
    http://dyshlyuk.com/

    Я делаю тоже копирую код, так как в Юрия в статье, потом создаю новою статью на своем сайте и вставляю в раздел “Текст” не “Визуально”, а именно “Текст”, потом в самом коде поставил свои размеры видео, перешел в “Визуально” и выровнял его по середине.

    • Юрий Хрипачев:

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

      • Антон Дышлюк:
        http://dyshlyuk.com

        Я кстати только в вашей статье обратил внимание на галочку похожих видео, теперь буду убирать ее)

  3. Валентин:
    http://itis-life.ru/

    А мне вполне подходит размер 560х315 его и использую!

    • Антон Дышлюк:
      http://dyshlyuk.com/

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

  4. Андрей:
    http://kopirer.blogspot.com

    Оптимальный выход для любой CMS :), в блоггер немного удобнее (для меня), наверное в WordPress, такого у вас нет, а может вам так проще. В блоггер в визуальном редакторе Вставить видео и выбрать нужный ролик через поисковое окно, но ваш способ тоже, даже очень, мною используется.

    • Валентин:
      http://itis-life.ru/

      Для вордпресса тоже есть плагины, которые добавляют такую функцию в визуальный редактор!

      • Василий Цубера:

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

  5. Лилия:

    И не предполагала, что так просто добавить видео с Ютюба в блог :). Раньше думала, что это сложно. Теперь буду знать.

  6. gimp2:

    Фреймом проще всего. Так хоть что можно на свой сайт подгрузить.

  7. gimp2:

    Как Яндекс относится к подгрузке на свой сайт с помощью фреймов? Так можно трафик набить.

    • Юрий Хрипачев:

      Не знаю про Яндекс, ничего не слышал про это.

    • Василий Цубера:

      За такое можно и под фильтр попасть. Если перестараться, а не много можно, в зависимости от того какая посещаемость сайта.

  8. gimp2:

    Вставляете на сайт №1 фрейм с адресом сайта №2, и при загрузке сайта №1 пользователю автоматически будет подгружаться сайт №2. Таким образом, сколько посетителей зашло на сайт №1, столько значит зашло и на сайт №2. Хотя реально сайт №2 может никто и не посетил.

    • Юрий Хрипачев:

      Что то мне подсказывает, что это паленый вариант, так и до АГС не далеко.

      • Антон Дышлюк:
        http://dyshlyuk.com/

        Не только сайту №1 но и сайту №2) Может по началу и будет все работать, но поисковики борются с этим.

      • gimp2:

        Конечно, палёный вариант и под АГС можно попасть. Хотя структурно ничем не отличается от вставки видео с Ютуба.

  9. gimp2:

    Это старый трюк. Есть даже биржи для таких фреймов.

  10. Антон Дышлюк:
    http://dyshlyuk.com/

    Юрий подскажите, просмотры видео с Ютуба, которые были сделаны на сайте, идут в счетчик просмотров?

    • Юрий Хрипачев:

      Я за этим как то не следил, не могу сказать.

    • Василий Цубера:

      Если видео с ютуба поставлено на вашем сайте, и люди смотрят на сайте, то идут просмотры.

  11. Лара:
    http://internetkapusta.ru/

    Юрий, добрый день!

    Полезная информация. Как то не обращала внимание, что можно снять галочку: отображать похожие видео. А вот, как они детали очень важны – нужно быть внимательным во всём.

    Обычно сама вставляю простым способом: “Поделиться” и появляется ссылка и эту ссылку и вставляю, главное её не выделять потом, не обрабатывать в редакторе, а то будет сбой. Просто скопировал и вставил.

    Но, все способы хороши, можно и так и по другому.

    Юрий, у меня возник вопрос, а как Вы закрываете это видео от индексации? И ещё вопрос, может не по теме, но…

    Вот, например у Вас есть свой канал на Ютубе, то как поставить там ссылку, как сделано у Вас: на “Узнай тут 48″ с обложки своего канала? Что-то не могу найти, как это сделать.

    Буду очень признательна.

    • Юрий Хрипачев:

      1. Лариса, я видео от индексации пока никак не закрываю, да может это и не нужно, я не видел, чтобы его закрывали.
      2. Наведите курсор на окно с фоном, где фотография, там появится карандаш в правом верхнем углу, нажмите на него и добавляйте ссылки.

      • Антон Дышлюк:
        http://dyshlyuk.com/

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

        • Василий Цубера:

          Да но если видео ваше (уникальное)а если нет то лучше закрыть. Но сейчас те ноуиндекс только для googlе работает, а yandex везде свой нос тычит

  12. Лара:
    http://internetkapusta.ru/

    Спасибо, Юрий! Я когда изменяла оформление канала, как-то проскочила этом рядом стоящий пункт, а потом в настройках искала.

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

  13. gimp2:

    А как видео в сайдбар вставить? Какие файлы копать и в каком месте?

    • Юрий Хрипачев:

      Через виджеты или с помощью плагина, если это WordPress.

  14. gimp2:

    “сохранять информацию о ваших посетителях, которые не смотрели видео”. Может наоборот, которые смотрели видео, о тех не будет сохранять инфу?

    • Юрий Хрипачев:

      На Ютубе написано, как я написал.

  15. gimp2:

    Я не понял, почему 2-ой HTML-код длиннее 1-го? Что он делает? В нём дважды указан размер ролика и его адрес.

    • Юрий Хрипачев:

      Понятия не имею. Нужно на Ютубе спрашивать или программиста.

  16. Лара:
    http://internetkapusta.ru/

    Юрий, а у меня все страницы появились в Яндексе! На все позиции вернулись!!
    Извините, что не по теме статьи – просто хотелось радостным известием поделиться!
    Вам – огромное человеческое спасибо за помощь,советы и поддержку:)

    • Юрий Хрипачев:

      Отлично! Лариса, вы и ваш сайт отличный пример того, что АГС это не повод бросать свое дело. Я посмотрел xtool, АГС нет и трафик поднялся. Теперь главное не повторять ошибок.

  17. Лара:
    http://internetkapusta.ru/

    Спасибо, Юрий! Буду стараться!

    • Антон Дышлюк:
      http://dyshlyuk.com/

      Да вывести с под АГС, не легкое дело, вы молодец. Кстати с яндекса появился трафик?

  18. Лара:
    http://internetkapusta.ru/

    Да, начинает появляться. Пока немного, больше с Гугла. Но, несколько статей есть в ТОПе. Например, одна из моих любимых статей: “Какой интернет браузер самый лучший?”

    Самое главное,как сказал Юрий, что АГС это не повод бросать своё дело.
    И в поддержке Яндекса мне написали до этого:

    “Здравствуйте, Лариса!

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

    С уважением, Платон Щукин
    Служба поддержки Яндекса”

    Так что советую всем не падать духом, а искать ошибки:))

    • Антон Дышлюк:
      http://dyshlyuk.com/

      Зайду к вам и почитаю) Мне например хром очень нравится)

    • gimp2:

      Лариса, а через какое время Вас разбанили.

  19. Лара:
    http://internetkapusta.ru/

    Мне тоже нравится! Заходите, буду рада:))

  20. gimp2:

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

  21. Василий Цубера:

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

    • Юрий Хрипачев:

      Вы хотите кликабельную ссылку или просто изображение?

  22. gimp2:

    Не поверите, зашёл на Ваш сайт, открыл эту статью, а параллельно слушаю стрим с goodgame. В стриме говорят, у кого есть сайт, вставьте такой-то код на свой сайт)) Такое совпадение. Код такой же, как и у Вас на первом скрине, кроме allowfullscreen.

  23. Мария:
    http://jesperryn.com/

    А я когда только училась ориентироваться в Интернете, искренне считала, что видео нужно сразу загружать на сайт. Хорошо, что быстро поняла свою ошибку. У вас простая и подробная инструкция, так что разберется даже новичок.

  24. Калинаев Алексей:
    http://platinum-inet.ru

    Существует ещё достаточно много дополнительных настроек для видео с ютуба.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Рекомендую
Интересное на сайте
Лучшие комментаторы
Петр(2)
Андрей(2)
Asya(1)
Олег(1)
Иветта(1)
© 2017 Узнай тут 48  ||  Копирование материала без согласия автора запрещено.
Яндекс цитирования