Вставить видео с youtube в видео – Все способы, как можно вставить видео с Youtube на сайт

Рассмотрим инструменты, при помощи которых можно разместить видео с Ютуба на сторонний сайт.

1. Вставка html-кода фрейма.

Это самый простой способ ретрансляции видео. HTML-код находится на странице видеоролика в Youtube. Нажимаем “Поделиться”.

В поле снизу появляется прямая ссылка на ролик. Но мы выбираем “Встроить” — <> и получаем код видео с Youtube для сайта.

Устанавливаем настройки и копируем его в буфер.

Затем заходим в систему администрирования нашего сайта (предположим, что это MODx). Открываем исходный код той веб-страницы сайта, на которую следует вставить видео с Youtube и размещаем его.

Фрейм — это такой виртуальный контейнер, который отображает в себе содержимое другой веб-страницы. В его коде можно поправить атрибуты вручную.

• width и height – его размеры;
• src – путь;
• frameborder – рамка есть или нет;
• allowfullscreen – полноэкранный вид.

2. Вставка html-кода video

Он отображает видеоролики на веб-странице.
Его синтаксис:

Атрибуты:

• width и height – его размеры;
• src – путь, который может задаваться через вложенный ;
• autoplay — самопроизвольно включается в момент загрузки веб-страницы;
• controls — ролик отражается вместе с панелью управления;
• loop — зацикливает повтор;
• poster — показывает посетителю картинку, если с его отображением возникают проблемы — следует указать путь к изображению-загрушке;
• preload — видео загружается одновременно со страницей;
• frameborder – рамка есть или нет;
• allowfullscreen – полноэкранный вид.

URL самого видео, как мы говорили ранее, находится на его странице. Он копируется в буфер обмена и вставляется на веб-страницу в ее код в нужном месте. Результат получается тот же.

Тег <sourse> можно вставить несколько раз в <video>,ссылаясь на ролики в разных форматах. Пользователь сможет выбрать удобный для просмотра вариант самостоятельно.

3. Видеоплееры на основе JavaScript и Flash.
Только программист сможет внедрить такое приложение к движку. Самым оптимальным и простым из них считается Spruto. На его официальном интернет-проекте можно настроить функционал и внешний вид.

Размещаем URL, делаем настройки и получаем код.

Можно скачать плеер полностью для установки или только код в формате JS или FLASH. В комплект скрипта входит руководство по установке.

4. Спецсредства в движках (CMS).

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

WordPress

В последних версиях можно вставить простую ссылку на Ютуб напрямую. В режиме Html (Text) просто вставляется в нужном месте ссылка на странице и сохраняется. При этом происходит полноценное отображение ролика на сайте. Указатель ?autoplay=1 позволит ролику включаться автоматически при открытии страницы пользователем.

Плагины

Многие CMS работают только с плагинами, Например Joomla доступны а AllVideos или Vidbox. Рассмотрим первый из них.

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

Копируем его, затем в нужно месте страницы в Джумла вставляем код типа

{youtube}QAkJ3w1n9Tg{/youtube}.

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

semantica.in

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

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

В качестве примера, давайте попробуем вставить видео с Youtube на этот сайт, You2bestar.ru, а конкретнее, в начало статьи: Как сделать ссылку на подписку на Youtube. Если же у вас есть свой собственный сайт, то вы можете встроить видео на него.

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

Перейдите на сайт youtube.com и в поисковую строку введите название видео, которое вы хотели бы встроить на свой сайт. Например, возьмем следующее видео https://www.youtube.com/watch?v=R_2ihpMUo4s. Немного ниже видео, находится кнопка «Поделиться«. Кликните по данной кнопке, чтобы открыть всплывающее окошко:

В этом окошке находятся социальные кнопки и краткая ссылка на видео, с помощью которой вы можете поделиться видео со своими друзьями. Но она не подходит для встраивания видео на сайт. Чтобы перейти в нужное место, нажмите по кнопке «Встроить«, которая находится левее кнопки «Копировать«:

Перед вами откроется еще одно всплывающее окошко, но на этот раз именно то, которое нам необходимо. В левой части окошка находится предпросмотр видео, а справа — настройки, с помощью которых можно настроить и вставить видео с Youtube на сайт, html тег iframe и т.д.:

Чтобы изменить размер встраиваемого блока с видео, введите новые значения атрибутов «width» и «height» html-тега iframe. По-умолчанию, размер блока с видео равняется 560 на 315 пикселей:

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

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

Перейдем к настройкам ниже:

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

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

Третий пункт добавляет/убирает название видео и панель действий из верхней части видео. По-умолчанию, включено.

И последний, четвертый пункт позволяет активировать так называемый «Режим повышенной конфиденциальности» видео. Зачем он нужен? Как написано в описании данной настройки, при включении режима повышенной конфиденциальности, Youtube будет сохранять информацию о посетителях сайта только в том случае, если они начнут просматривать встроенное видео. В противном случае, все действия посетителей вашего сайта, которые перешли на страницу с видео, не будут учитываться и запоминаться Youtube. По-умолчанию, режим повышенной конфиденциальности отключен.

Как включить автовоспроизведение видео на Youtube

Если вы хотите включить автовоспроизведение видео на Youtube сразу же после открытия страницы, то самый простой способ это сделать — добавить к URL-адресу видео в html-теге параметр «?autoplay=1«:

Допустим, у вас было:

<iframe src=»https://www.youtube.com/embed/R_2ihpMUo4s» frameborder=»0″ allow=»autoplay; encrypted-media» allowfullscreen></iframe>

А стало:

<iframe src=»https://www.youtube.com/embed/R_2ihpMUo4s?autoplay=1» frameborder=»0″ allow=»autoplay; encrypted-media» allowfullscreen></iframe>

Обратите внимание, при включении данной опции, все просмотры видео вашими посетителями не будут засчитываться Youtube. Это сделано с целью предотвращения накрутки просмотров видео.

Разобравшись с настройками встраивания, нажмите кнопку «Копировать«, чтобы скопировать html-тег в буфер обмена или скопируйте его вручную. Теперь, осталось дело за малым — встроить видео с Youtube на сайт, чем мы сейчас и займемся.

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

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

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

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

Также читайте о том, как редактировать видео на Youtube: Как редактировать видео на Youtube. # 1

Всем пока!

you2bestar.ru

Как вставить видео с YouTube в статью?

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

Видео с канала YouTube, как вставить в статью

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

В сегодняшней статье мы разберем довольно простой, но важный вопрос – как вставлять видео в текст статьи на блоге, сделанном на движке WordPress.

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

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

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

Итак, у Вас есть свой канал видео на YouTube, Вы размещаете там своё видео и его обязательно надо вставлять в статьи блога. Дело в том, что поисковые системы просто обожают, когда в статье есть видео (особенно Google). Поэтому вставлять видео надо. Кроме того, многим читателям больше нравится смотреть видео, чем читать текст. Текст и видео должны дополнять друг друга. О том, как вставить видео Вы можете посмотреть в этом ролике, либо перейти ниже и прочитать на эту тему статью:

Делается это очень просто. Если Вы хотите вставлять своё видео, то надо иметь свой канал на YouTube.

О том, как создать канал на YouTube, как его настроить и как закачать видео, подробно показано в моих трех статьях, где  пошагово показано, как это всё сделать:

Предположим, что Вы закачали своё видео на канал YouTube. Теперь нам надо получить небольшой код и вставить его в статью на блоге. Для получения кода заходим на свой YouTube канал, выбираем видео, которое мы хотим вставить, и открываем его. Ниже видео нажимаем кнопку «Поделиться» (смотрите скрин).

После чего появляется кнопка «HTML-код», нажимаем эту кнопку.

Кстати, если Вы хотите вставить в текст статьи только ссылку, Вы можете скопировать её ниже и просто вставить в любое место текста.

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

Поэтому надо нажать на кнопку «ЕЩЕ» ниже кода. Далее либо выбрать один из стандартных размеров, либо проставить нужный размер вручную, как видно со скрина я выбрал 565х318.

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

Выбираем режим «Изменить», «Редактировать запись», если это старая статья, или работаем с текстом новой статьи. Теперь находим то место в статье, где мы хотим установить видео, запоминаем последнее предложение текста и переключаем окно текста с режима «Визуально» в режим «Текст» (смотрите скрин).

В моём случае видео с YouTube надо установить после фразы «Вы можете посмотреть также в этом видео:». После переключения окна текста в режим «Текст», ищем нашу фразу и после закрывающего тега предложения </p> делаем пробел (смотрите скрин).

И в этот пробел вставляем взятый код с YouTube канала.

Возвращаемся в режим «Визуально», при необходимости можем выставить рамку видео по центру. Теперь можно перейти в режим «Посмотреть изменения», как видим, видео с YouTube установлено, как надо и проигрывается. Если нас всё устраивает, то возвращаемся в админпанель в раздел «Редактировать запись» и нажимаем кнопку «Обновить». На этом работа по установке видео в статью блога с канала YouTube закончена.

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

Далее нажимаете на картинку-1, она выделяется и на ссылку-2 (смотрите скрин), в открывшемся окне вставляем партнерскую ссылку, которая ведет на партнерское видео в YouTube -3 и ставим галочку «Открыть в новом окне» -4, далее нажимаем «Обновить»-5. Посетитель, нажав на картинку в статье, автоматически попадает на видео, которое находится на YouTube, оставаясь при этом на Вашем блоге. Это хороший прием и его надо использовать.

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

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

Предыдущие статьи о написании и оптимизации статей для блога:

С уважением, Иван Кунпан.

Просмотров: 988

Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку «Подписаться»

Вы можете почитать:

biz-iskun.ru

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

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

Поиск и настройка кода для вставки видео

Перед тем, как лезть в дебри кодинга и рассказывать, как вставлять проигрыватель Ютуба в сам сайт, стоит рассказать, где брать этот самый проигрыватель, а точнее, его HTML-код. Помимо этого, нужно знать, как его настроить, чтобы сам плеер смотрелся органично на вашем сайте.

Шаг 1: Поиск HTML-кода

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

Вам остается всего лишь взять этот код (скопировать, «CTRL+C»), и вставить («CTRL+V»)его в код своего сайта, в желаемое место.

Шаг 2: Настройка кода

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

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

Здесь вы можете задать также ряд других параметров:

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

Вот и все настройки, которые можно провести на сайте YouTube. Вы можете смело брать измененный HTML-код и вставлять его на свой сайт.

Варианты вставки видеоролика на сайт

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

Способ 1: Вставка на HTML-сайт

Если ваш ресурс написан на HTML, то для вставки видео с Ютуба вам нужно открыть его в каком-то текстовом редакторе, например, в Notepad++. Также для этого вы можете использовать и обыкновенный блокнот, который есть на всех версиях Windows. После открытия найдите во всем коде место, куда хотите поместить видео, и вставьте ранее скопированный код.

На изображении ниже вы можете просмотреть пример такой вставки.

Способ 2: Вставка в WordPress

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

Итак, чтобы вставить видео, откройте сначала сам редактор WordPress, после чего переключите его в режим «Текст». Отыщите место, в котором вы хотите разместить видео, и вставьте туда HTML-код, который вы взяли с Ютуба.

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

Способ 3: Вставка на сайты Ucoz, LiveJournal, BlogSpot и им подобные

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

Ручная настройка HTML-кода плеера после его вставки

Как настроить вставляемый проигрыватель на сайте YouTube было рассмотрено выше, но это далеко не все настройки. Вы можете задать некоторые параметры вручную, изменяя сам HTML-код. Также данные манипуляции можно проводить как во время вставки видео, так и после нее.

Изменение размера плеера

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

Необходимо знать лишь два элемента и то, за что они отвечают. Элемент «width» — это ширина вставляемого проигрывателя, а «height» — высота. Соответственно, в самом коде вам нужно заменить значения этих элементов, которые указаны в кавычках после знака равно, для изменения размера вставляемого плеера.

Главное, будьте внимательны и подбирайте нужные пропорции, чтобы плеер в итоге не был сильно растянут или, наоборот, сплюснут.

Автоматическое воспроизведение

Взяв HTML-код с Ютуба, вы можете его немного переделать, чтобы при открытии вашего сайта у пользователя видео воспроизводилось автоматически. Для этого необходимо использовать команду «&autoplay=1» без кавычек. К слову, данный элемент кода нужно вписывать после самой ссылки на видео, как это показано на изображении ниже.

Если вы передумаете и захотите отключить автовоспроизведение, то значение «1» после знака равно (=) замените на «0» или же полностью удалите этот элемент.

Воспроизведение с определенного места

Также вы можете настроить воспроизведение с определенного момента. Это очень удобно, если нужно посетившему ваш сайт пользователю показать фрагмент в видео, о котором идет речь в статье. Чтобы все это сделать, в HTML-коде в конце ссылки на ролик необходимо добавить следующий элемент: «#t=XXmYYs» без кавычек, где XX – это минуты, а YY – секунды. Обратите внимание, что все значения необходимо записывать в слитной форме, то есть без пробелов и в числовом формате. Пример вы можете посмотреть на изображении ниже.

Чтобы отменить все сделанные изменения, вам необходимо удалить данный элемент кода или же поставить время на самое начало – «#t=0m0s» без кавычек.

Включение и отключение субтитров

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

Читайте также: Как включить субтитры в YouTube

Для отображения субтитров в видео вам нужно использовать два элемента кода, вставленных последовательно. Первый элемент – «&cc_lang_pref=ru» без кавычек. Он отвечает за выбор языка субтитров. Как можно заметить, в примере стоит значение «ru», что означает – выбран русский язык субтитров. Второй – «&cc_load_policy=1» без кавычек. Он позволяет включать и отключать субтитры. Если после знака равно (=) стоит единица, то субтитры будут включены, если ноль, то, соответственно, выключены. На изображении ниже вы можете увидеть все самостоятельно.

Читайте также: Как настроить субтитры в YouTube

Заключение

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

Помогла ли вам эта статья?

lumpics.ru

Вставить видео с YouTube на сайт WordPress. Простые способы

Здравствуйте друзья! В предыдущей статье из рубрики YouTube мы разобрали как скачать видеоролик с YouTube, а сейчас разберем несколько вариантов как вставить видео с YouTube на сайт с движком WordPress.

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

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

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

Зачем вставлять видео на сайт?

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

Лучшее восприятие информации

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

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

Улучшение поведенческих факторов

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

Дополнительная аудитория

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

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

Таким образом получается грамотная перелинковка между Вашими важнейшими информационными ресурсами — сайтом и YouTube, и этим ни в коем случае нельзя пренебрегать.

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

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

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

Стандартный код для вставки видео

Итак предположим, что Вы выбрали нужный ролик для вставки на сайт, далее выполняем следующие действия:

1. Под роликом находим и нажимаем кнопку Поделиться
2. Выбираем вкладку HTML-код
3. Получаем исходный код для вставки на сайт
4. Вставляем код в нужное место на страницу веб-сайта

Получаем код для вставки видео

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

Вставляем код на страницу сайта

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

Дополнительные возможности кода

Ранее мы получили стандартный код для вставки видео с YouTube на сайт. Нажав на надпись ЕЩЕ прямо под кодом, нам откроется панель с чекбоксами, в которой мы можем задействовать дополнительные возможности для вставки видео на сайт.

Дополнительные возможности для вставки видео

Из названия пунктов в принципе понятно какие параметры можно изменить:

1. Изменить размер видео, выбрать стандартный из выпадающего меню, либо задать свой
2. По окончанию видео можно разрешить/запретить выводить похожие ролики
3. Убрать панель управления внизу видео — будут недоступны кнопки перемотки, ролик можно только поставить на паузу или продолжить
4. Можно убрать название видео сверху ролика

Расширенные скрытые настройки

Включение автоматического воспроизведения.

Вы наверное замечали, что при открытии некоторых сайтов сразу начинается воспроизведение видео. Обычно так делается на подписных страницах, для блога же так делать не рекомендуется. Данный режим включается добавлением в код «&autoplay=1» сразу после идентификатора ролика:

Воспроизведение с нужного места

Добавив в код встраивания “#t=” и указав нужное время после знака равно, ролик начнет проигрываться с этого времени.

Коды плеера Ютуб:

• &vq=hd720 — КАЧЕСТВО HD 
• &autoplay=1 — Автовоспроизведение (пример выше)
• &modestbranding=1 — скрыть лого Ютуба
• &showinfo=0 — скрыть название и рейтинг
• &controls=0 — скрыть полосу прокрутки

Скрипт Ютуб Профессионал

Вставить видео с YouTube на сайт поможет альтернативный бесплатный сервис получения кода с расширенными возможностями. Для доступу к скрипту необходимо перейти на страницу бесплатных скриптов. Далее переходим на вкладку меню Ютуб Профессионал и заполняем форму. Форма напоминает стандартные возможности Ютуба, но несколько расширена по возможностям.

Скрипт Ютуб Профессионал

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

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

Вставить видео с YouTube в сайтбар

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

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

На этом я заканчиваю обзор как вставить видео с YouTube на сайт. Как видите ничего сложного в этом нет, справиться любой новичок. Я специально не стал рассматривать вставку видео на сайт с помощью плагинов, т.к. попробовав несколько вариантов решил для себя, что оптимально и правильно использовать код html.

С Уважением Дмитрий Леонов | leonov-do.ru

Рекомендую прочитать похожие статьи:

YouTube — инструмент для заработка в интернете

Простые способы как скачать видеоролик с YouTube

Новости блога Получай обновления первым!

leonov-do.ru