Приветствую Вас на своем блоге!
YouTube очень популярный ресурс, очень часто на разных сайтах можно встретить видео клипы с этого сервиса. Если вы еще не знаете, как добавить видео с YouTube на сайт, то этот пост вам поможет разобраться, как это сделать.
Видео на блоге, это очень полезное дополнение к вашим постам, так как лучше один раз увидеть, чем десять прочитать. Тем более, если вы что-то объясняете на своем сайте.
И так, теперь о том, как вставить видео c Youtube на сайт.
Если сказать коротко, то нужно просто код или url видео клипа скопировать к себе на сайт, на ту страницу, где вы хотите его разместить.
Я объясню, как вставить видео на сайт, на примере одного ролика со своего канала на YouTube.
Открываете видео. Чтобы скопировать код ролика, нажимаете кнопку «Поделиться», затем «HTML-код».
Скопируйте этот код полностью и вставьте его к себе на блог, туда, где вы хотите разместить видео ролик.
Да, забыл уточнить, код вставляйте обязательно в текстовом режиме HTML-кода, а не в визуальном.
Для просмотра видео, нужно нажать «Предварительный просмотр», а затем при переходе на страницу просмотра, просто обновите ее.
В данном видео этот код полностью рабочий, но его можно немного изменить.
Например, если вы хотите, чтобы после окончания просмотра, не появлялись похожие видео, то уберите галочку с пункта «Показывать похожие видео после завершения просмотра».
Или добавьте в свой код запись ?rel=0, сразу после названия ролика.
На изображении участок кода, который нужно добавить подчеркнут.
Так удобно сделать, если вы хотите изменить настройки своих видео роликов, которые уже установлены на сайт.
Если включить режим повышенной конфиденциальности, то сервис YouTube не будет сохранять информацию о ваших посетителях, которые не смотрели видео.
Следующая настройка, которая нужна для того, чтобы добавить видео на блог, это размер экрана для показа клипа.
По умолчанию, обычно стоит самый маленький из возможных размеров. Выбирайте самый подходящий для вас. Если такого размера нет в настройках, то можно указать свой.
Если ваш сайт не поддерживает новый код, который заключен в теги iframe, то установите галочку в пункте «Использовать старый код вставки», этот код начинается с тега object.
Разница между ними в том, что старый код поддерживает только технологию Flash, а новый и Flash и HTML5.
В результате у вас на блоге появится видео, которым вы хотите поделиться с вашими читателями, например, как этот клип.
Ирина Круг выступает в Липецке, концерт был просто великолепный, живой звук и общение со зрителями. Я снимал это видео на смартфон, так то за качество строго не судите.
Как видите сложного тут нет ничего, и добавить видео с YouTube на сайт, может любой вебмастер.
Кстати на YouTube можно смотреть видео в режиме ТВ или видео плеера, что делает просмотр еще удобней.
Удачи!
С уважением Юрий Хрипачев.
А я делаю по другому. Правой кнопкой мыши щелкаю на само видео и выбираю «Скопировать html-код видео».
P.S. — Разместил у себя на сайте статью «В гостях у блогеров круглого стола», где вы попали в обзор.
ОК, Обязательно зайду к вам в гости.
Оо А я думал, что у Вас в прошлый раз мой комментарий не опубликовался, оказывается он находился на модерации.
Кстате видео еще можно кроме кода вставить, при помощи копировании ссылки на видео, как это примерно делается в контакте, когда туда видео из Ютуба пихают.
Александр спасибо за подсказку. Вот попробую таким способом поставить видео.
Я делаю тоже копирую код, так как в Юрия в статье, потом создаю новою статью на своем сайте и вставляю в раздел «Текст» не «Визуально», а именно «Текст», потом в самом коде поставил свои размеры видео, перешел в «Визуально» и выровнял его по середине.
Да, я забыл написать, что нужно в текстовом режиме вставлять код, хорошо, что вы обратили на это внимание.
В принципе, все коды в WordPress нужно вставлять в текстовом режиме, я даже не знаю, какие коды работают в визуальном, всегда с кодами только в текстовом режиме работаю.
Я кстати только в вашей статье обратил внимание на галочку похожих видео, теперь буду убирать ее)
А мне вполне подходит размер 560х315 его и использую!
Валентин с двух колоночным шаблоном подойдет, просто бывает другие шаблоны, где видео полностью не помещается и его приходится увеличивать, а так я тоже вроде использую стандартный размер.
Оптимальный выход для любой CMS :), в блоггер немного удобнее (для меня), наверное в WordPress, такого у вас нет, а может вам так проще. В блоггер в визуальном редакторе Вставить видео и выбрать нужный ролик через поисковое окно, но ваш способ тоже, даже очень, мною используется.
Для вордпресса тоже есть плагины, которые добавляют такую функцию в визуальный редактор!
Да но плагин нагружает сайт, и долго грузится для пользователей. + это не любят поисковые системы. Лучше использовать код для этого
И не предполагала, что так просто добавить видео с Ютюба в блог :). Раньше думала, что это сложно. Теперь буду знать.
Фреймом проще всего. Так хоть что можно на свой сайт подгрузить.
Как Яндекс относится к подгрузке на свой сайт с помощью фреймов? Так можно трафик набить.
Не знаю про Яндекс, ничего не слышал про это.
За такое можно и под фильтр попасть. Если перестараться, а не много можно, в зависимости от того какая посещаемость сайта.
Вставляете на сайт №1 фрейм с адресом сайта №2, и при загрузке сайта №1 пользователю автоматически будет подгружаться сайт №2. Таким образом, сколько посетителей зашло на сайт №1, столько значит зашло и на сайт №2. Хотя реально сайт №2 может никто и не посетил.
Что то мне подсказывает, что это паленый вариант, так и до АГС не далеко.
Не только сайту №1 но и сайту №2) Может по началу и будет все работать, но поисковики борются с этим.
Конечно, палёный вариант и под АГС можно попасть. Хотя структурно ничем не отличается от вставки видео с Ютуба.
Это старый трюк. Есть даже биржи для таких фреймов.
Юрий подскажите, просмотры видео с Ютуба, которые были сделаны на сайте, идут в счетчик просмотров?
Я за этим как то не следил, не могу сказать.
Если видео с ютуба поставлено на вашем сайте, и люди смотрят на сайте, то идут просмотры.
Юрий, добрый день!
Полезная информация. Как то не обращала внимание, что можно снять галочку: отображать похожие видео. А вот, как они детали очень важны — нужно быть внимательным во всём.
Обычно сама вставляю простым способом: «Поделиться» и появляется ссылка и эту ссылку и вставляю, главное её не выделять потом, не обрабатывать в редакторе, а то будет сбой. Просто скопировал и вставил.
Но, все способы хороши, можно и так и по другому.
Юрий, у меня возник вопрос, а как Вы закрываете это видео от индексации? И ещё вопрос, может не по теме, но…
Вот, например у Вас есть свой канал на Ютубе, то как поставить там ссылку, как сделано у Вас: на «Узнай тут 48» с обложки своего канала? Что-то не могу найти, как это сделать.
Буду очень признательна.
1. Лариса, я видео от индексации пока никак не закрываю, да может это и не нужно, я не видел, чтобы его закрывали.
2. Наведите курсор на окно с фоном, где фотография, там появится карандаш в правом верхнем углу, нажмите на него и добавляйте ссылки.
А его и не нужно закрывать, наоборот для поисковых систем полезно видеть статьи которые ссылаются на авторитетные сайты или сервисы.
Да но если видео ваше (уникальное)а если нет то лучше закрыть. Но сейчас те ноуиндекс только для googlе работает, а yandex везде свой нос тычит
Спасибо, Юрий! Я когда изменяла оформление канала, как-то проскочила этом рядом стоящий пункт, а потом в настройках искала.
А оказывается всё было рядом. Спасибо, иногда нужно просто направить человека,чтобы показать некоторые легко выполняемые задачи.
А как видео в сайдбар вставить? Какие файлы копать и в каком месте?
Через виджеты или с помощью плагина, если это WordPress.
«сохранять информацию о ваших посетителях, которые не смотрели видео». Может наоборот, которые смотрели видео, о тех не будет сохранять инфу?
На Ютубе написано, как я написал.
Я не понял, почему 2-ой HTML-код длиннее 1-го? Что он делает? В нём дважды указан размер ролика и его адрес.
Понятия не имею. Нужно на Ютубе спрашивать или программиста.
Юрий, а у меня все страницы появились в Яндексе! На все позиции вернулись!!
Извините, что не по теме статьи — просто хотелось радостным известием поделиться!
Вам — огромное человеческое спасибо за помощь,советы и поддержку:)
Отлично! Лариса, вы и ваш сайт отличный пример того, что АГС это не повод бросать свое дело. Я посмотрел xtool, АГС нет и трафик поднялся. Теперь главное не повторять ошибок.
Спасибо, Юрий! Буду стараться!
Да вывести с под АГС, не легкое дело, вы молодец. Кстати с яндекса появился трафик?
Да, начинает появляться. Пока немного, больше с Гугла. Но, несколько статей есть в ТОПе. Например, одна из моих любимых статей: «Какой интернет браузер самый лучший?»
Самое главное,как сказал Юрий, что АГС это не повод бросать своё дело.
И в поддержке Яндекса мне написали до этого:
«Здравствуйте, Лариса!
Не расстраивайтесь, санкции не накладываются навсегда, обычно это временное явление. Продолжайте заниматься своим проектом, придерживаясь наших рекомендаций, со временем он появится в поиске.
—
С уважением, Платон Щукин
Служба поддержки Яндекса»
Так что советую всем не падать духом, а искать ошибки:))
Зайду к вам и почитаю) Мне например хром очень нравится)
Лариса, а через какое время Вас разбанили.
Мне тоже нравится! Заходите, буду рада:))
Месяц назад читал статью, всё было понятно. Сейчас возникла в этом потребность, опять зашёл и понял, что всё забыл. Хорошо, когда знаешь, что есть место в котором можно подсмотреть забытое))
А как добавить ссылку в видео. Во время видео, чтобы показалась ссылка. Я пробовал через сервис linketube то не получилось
Вы хотите кликабельную ссылку или просто изображение?
Не поверите, зашёл на Ваш сайт, открыл эту статью, а параллельно слушаю стрим с goodgame. В стриме говорят, у кого есть сайт, вставьте такой-то код на свой сайт)) Такое совпадение. Код такой же, как и у Вас на первом скрине, кроме allowfullscreen.
А я когда только училась ориентироваться в Интернете, искренне считала, что видео нужно сразу загружать на сайт. Хорошо, что быстро поняла свою ошибку. У вас простая и подробная инструкция, так что разберется даже новичок.
Существует ещё достаточно много дополнительных настроек для видео с ютуба.