Вебмастеру, Создание сайтов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Еще по теме:

Напишите что нибудь:

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

Обсуждение: 50 комментариев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Лилия написал:

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

  • gimp2 написал:

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

  • gimp2 написал:

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

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

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

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

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

  • gimp2 написал:

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

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

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

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

      • gimp2 написал:

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

  • gimp2 написал:

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

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

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

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

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

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

  • Лара написал:

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

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

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

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

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

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

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

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

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

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

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

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

  • Лара написал:

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

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

  • gimp2 написал:

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

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

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

  • gimp2 написал:

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

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

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

  • gimp2 написал:

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

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

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

  • Лара написал:

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

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

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

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

  • Лара написал:

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

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

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

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

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

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

    • gimp2 написал:

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

  • Лара написал:

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

  • gimp2 написал:

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

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

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

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

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

  • gimp2 написал:

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

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