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

Содержание

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

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

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

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

Для чего вставлять видео на сайт

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

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

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

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

2. Увеличение конверсии

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

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

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

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

Существует два способа вставить на сайт свое видео.

  • Выложить файл с роликом на свой хостинг, подключить видео плеер и транслировать кадры прямо со своего сервера. Для обычного сайта этот вариант не самый лучший, так как такие файлы занимают много места (десятки и сотни мегабайт), а их трансляция одновременно большому числу зрителей создаст вашему серверу немалую нагрузку.
  • Разместить клип на видео хостинге (Youtube, Rutube), а для трансляции на страницах, использовать специальный код. В таком варианте все нагрузки ложатся на сервера видео хостинга, вы экономите место и снижаете нагрузку на сервер. Кроме того, Ютуб имеет огромную аудиторию и это дополнительный канал продвижения.

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

Итак, со способами вставки мы определились, теперь давайте перейдем к конкретной инструкции.

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

1. Стандартные настройки кода

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

Под каждым видео есть блок с настройками и описанием. В этом блоке необходимо найти ссылку «Поделиться» и нажать на нее. В раскрывшейся панели переключаемся на HTML код.

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

Как правило, требуется корректировка размеров, встраиваемого видео. Для этого нажимаем на ссылку «Ещё», которая открывает дополнительную панель.

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

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

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

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

2. Дополнительные (скрытые) настройки

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

Включить или отключить автоматическое воспроизведение видео на Youtube можно с помощью элемента «&autoplay=». Если после знака равно стоит 1, то видео будет автоматически запускаться, если такого элемента нет или он равен 0, то автозапуска не будет. Добавляется элемент таким образом:

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0&autoplay=1" frameborder="0" allowfullscreen></iframe>

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Запуск видео с определенного момента

Можно настроить проигрыватель таким образом, чтобы ваш ролик запускался не с начала, а с указанной заранее секунды. Для этого добавляется «#t=». После знака равенства указывается время (отдельно минуты, отдельно секунды). Выглядеть будет вот так:

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0#t=2m30s" frameborder="0" allowfullscreen></iframe>

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0#t=2m30s" frameborder="0" allowfullscreen></iframe>

Добавление субтитров

Русские субтитры включаются следующим кодом «&cc_lang_pref=ru&cc_load_policy=1». В инструкции от Youtube говорится, что язык субтитров переключается с помощью значения cc_lang_pref. RU означает русские, но мой эксперимент показал, что и при FR (французский) все равно показываются русские субтитры. Код выглядит вот так:

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0«&cc_lang_pref=ru&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>

<iframe src="https://www.youtube.com/embed/dHhKIs1LXJ0«&cc_lang_pref=ru&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>

Когда код полностью готов, переходим к его вставке на страницу.

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

Для установки открываете HTML файл вашего сайта в текстовом редакторе (notepad+, akelpad или др.). Находите в коде место, где должно выводиться видео и добавляете, полученный ранее, код. После сохранения на вашей странице появится проигрыватель с теми настройками, которые вы сделали.

Нашел специально страницу, которую делал давно на HTML со встроенным видео, вот как там выглядит такой код:

4. Установка кода с Ютуб на WordPress

Процедура вставки кода на WordPress ничем не отличается, разве что делается все проще. Не нужны текстовые редакторы.

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

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

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

5. Как вставить видео на Ucoz, Blogspot, Livejournal

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

Как поменять размер видео в готовом коде

Если размер видео, который у вас получился после настройки кода не подошел к вашему сайту (например, вы сменили дизайн и ширина сайдбара у вас уменьшилась) не обязательно идти в Youtube и делать новый код. Можно вручную поменять цифры, отвечающие за ширину и высоту проигрывателя (width=»560″ height=»315″), только пропорции подберите подходящие.

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

На этом у меня все. Удачи.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(15 голосов, в среднем: 4.8 из 5)

biznessystem.ru

Как вставить видео с ютуб на сайт вместе с видеоплеером

Опубликовано admin в

Дорогие друзья! Рад видеть вас на страницах своего блога! И сегодня мой рассказ будет про Ютуб! А точнее – про изменение в функционале сайта. В сентябре 2017 Youtube изменил правила вставки видео на сайт. Если до этого видео вставлялась в 2 клика, то теперь это сделать несколько сложнее. Объясняются такие изменения просто. На ютубе есть правила размещения материалов, которые охраняют авторские права. С целью защиты авторских прав был введен новый функционал сайта.

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

Процесс вставки видео на сайт и перенос кода

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

Окно «поделиться» видео

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

Встраиваем код из видео

У нас будет код примерно такого вида:

iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/yBnCo2SKafU» frameborder=»0″ allowfullscreen></iframe

В этом коде, изменив цифры размера width (ширина экрана) и height (высота экрана), мы можем создать оптимальный размер трансляции видео для сайта. Я предпочитаю не менять размер, для моего блога он идеален. Далее, в пункте «начало», Вы можете выбрать время старта видео. Эта функция отлично подойдет для тех, кто хочет показать на сайте только часть видео (интерсеный отрезок). И еще одна настройки – «показывать подобные видео по окончанию». Спорная функция – с одной стороны, показ дополнительного видео удержит посетителей на сайте (повышается время просмотра). С другой стороны – человек может уйти с Вашего сайта на Youtube. Каждый решает по-своему эту настройку.

Редактирование кода видео на ютуб

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

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

Видео, которое я вставил в свою статью. Приятного просмотра!

Кстати, о том, как раскрутить видео на Ютуб, я писал тут

bloogit.ru

Как вставить видео с ютуба на сайт: пошаговая инструкция с фото

Тематический трафик – альтернативный подход в продвижении бизнеса

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

Подпишись на рассылку и получи книгу в подарок!

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

Дополнительные преимущества вставки видео с 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. Немного ниже видео, находится кнопка "Поделиться". Кликните по данной кнопке, чтобы открыть всплывающее окошко:

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

Читайте также: Savefrom.net. Сайт для скачивания видео с Youtube Savefrom.net

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

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

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

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

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

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

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

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

Читайте также: Как сделать видео для Youtube

И последний, четвертый пункт позволяет активировать так называемый "Режим повышенной конфиденциальности" видео. Зачем он нужен? Как написано в описании данной настройки, при включении режима повышенной конфиденциальности, 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: Как редактировать видео на 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» сразу после идентификатора ролика:

<iframe src="https://www.youtube-nocookie.com/embed/hQg_R9qMDYQ&autoplay=1" frameborder="0" allowfullscreen></iframe>

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

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

<iframe src="https://www.youtube-nocookie.com/embed/hQg_R9qMDYQ#t=2m30s" frameborder="0" allowfullscreen></iframe>

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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



Согласен (-на) с политикой конфиденциальности и обработки персональных данных

leonov-do.ru

0 0 vote
Article Rating
Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments