Вставить на сайт видео с youtube: Sorry, this page can’t be found.

Содержание

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

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

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


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

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

Дополнительные преимущества вставки видео с 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}.

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

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

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

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

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

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

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

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

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

Когда видео находится в Интернете (неважно, было ли оно там, или вы сами только что его туда добавили), вам нужно получить его код. Мы вам покажем как этот код добывается на примере Youtube, rutube, vimeo и Вконтакте, отличия здесь минимальны.

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

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

В Youtube это делается следующим образом:

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

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

Rutube – российский аналог youtube, так же позволяет размещать, хранить, смотреть и делиться видео. По данным администрации ресурс ежедневно посещают 15 миллионов пользователей. Здесь имеют свои каналы популярные ТВ-каналы, такие как Первый канал, Россия 2, ТНТ, СТС, Пятница, НТВ и многие другие, а так же отечтественные сериалы и передачи.

В Rutube это делается следующим образом:

  • Под каждым видео есть кнопка «код вставки», нажмите ее;
  • Скопируйте код.

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

Vimeo – это бесплатный видеохостинг, на котором можно так же выкладывать видео (до 500кб в неделю бесплатно, с платным аккаунтом до 20гб), смотреть, комментировать, лайкать и делиться ими со своими друзьями, положительным моментом является отсутствие рекламы. К сожалению пока нет русскоязычной версии,интерфейс доступен на: английском, испанском, французском, немецком и японском. Видео здесь делятся на категории: мода, музыка, искусство, анимация, юмор, еда и т.п., так что без труда можно поискать видео на интересующую тематику. Ресурс обладает современным дизайном и функционалом, особенно популярен среди молодежи.

В Vimeo это делается следующим образом:

  • Поднесите мышку к видеоплееру;
  • В верхем правом углу появятся 3 кнопки, нажмите «Share»;

  • В появившемся окошке скопируйте код «Embed».

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

Вконтакте – наша отечественная социальная сеть, которая позволяет добавлять и хранить видео, а так же смотреть, делиться, комментировать, в общем все в правилах жанра.

Здесь скопировать код видео можно двумя способами.

1. Включите видеопроигрыватель, правой кнопкой мышки нажмите на видео и из выпадающего списка выберите «копировать html-код».

2. Под каждым видео есть кнопка «Поделиться», нажмите ее. 

3. В появившемся окошке нажмите на вкладку «экспортировать» и скопируйте код для вставки.

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

Рассмотрим размещение видео на примере конструктора сайтов Nubex.

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

2. У вас откроется HTML-код страницы. Найдите место в тексте, в которое хотите поместить видеоролик, и вставьте туда тот код, который вы скопировали из YouTube (или с другого сайта, на котором вы разместили видео).

3. Сохраните страницу, нажав на кнопку внизу.

Видео будет выглядеть следующим образом: 

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

Как получить HTML-код для вставки на сайт видео с YouTube

Видео с YouTube вовсе не обязательно просматривать только на сайте www.YouTube.com. Наверняка приходилось встречать ролики, расположенные на видео-хостинге YouTube, которые вставлены в посты в социальных сетях или на чьи-нибудь сайтах. В этой статье подробно рассмотрим, где и как взять HTML-код для того, чтобы вставить себе на сайт своё (или понравившееся) видео с YouTube.

Как узнать адрес YouTube видео, расположенного на сайте

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

Ссылки «Поделиться» ролика с YouTube

Клик по хитровывернутой стрелки приведёт к тому, что в окне видео-плеера YouTube поверх самого видео появится слой «Поделиться» с прямой ссылкой на видео. Но нам нужна не ссылка на видео, нам нужен HTML-код для вставки этого видео на сайт. Поэтому двигаемся дальше и кликаем по кнопке ...:

HTML-код для вставки на сайт видео с YouTube

Ура-ура! В новой вкладке откроется собственно страница с видео на сайте YouTube. А это нам и нужно. Смотрим на то, что расположено ниже видео и делаем следующее:

  1. Находим ссылку «Поделиться» (уже со знакомой нам хитровывернутой стрелкой), кликаем по ней!
  2. В выпавшем меню, находим ссылку «HTML-код».

В общем-то всё!

Во вкладке «HTML-код», найденной выше будет то, что мы искали:

<iframe src="https://www. youtube.com/embed/CZKXWQ02e-4" frameborder="0" allowfullscreen></iframe>

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

Также есть расширенные настройки во вкладке YouTube «HTML-код», но это тоже отдельная тема.

P.S. обновлённая статья «Ссылка на видео и HTML-код для вставки видео на сайт c YouTube»

Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

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

Простые способы — как вставить видео Youtube на сайт.

Как вставить на сайт видео Youtube с помощью кода HTML (фрейма)

 


Использование кода фрейма для вставки ролика видео на сайт, наиболее распространённый и простой вариант.

Найдите любое понравившееся видео на хостинге Youtube, которое необходимо вставить на сайт. Чтобы получить код фрейма просматриваемого ролика, достаточно правой кнопкой мыши щёлкнуть по нему и открыть контекстное меню.

В меню выберите пункт \Копировать HTML-код\ , левой кнопкой мыши скопируйте код.


<iframe src=»https://www.youtube.com/embed/BxqpfR7z5Q4″ frameborder=»0″ allowfullscreen></iframe>

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

Измените ширину и высоту окна окна для вывода видео на сайте. На Youtube оно слишком большое (но это на ваше усмотрение). В приведённом коде ширина окна — width= “854”, высота — heigt=”480” .

Чтобы уменьшить — изменим на более приемлимый для сайта размер, сделаем: width= “540”, высота — heigt=”320”.

 

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

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

В WordPress используется поддержка размещения видео с помощью шорткода.

Зайдите в админ панель сайта, далее \Все записи\ — \Добавить новую\.

Откройте \Текст\- редактирование html\ и вставьте такой код:


Ссылка видео YouTube

 

Далее откройте видео на Y, и скопируйте код URL ролика

 

Потом вставьте URL в код между тегами и опубликуйте запись.

Для вставки видео на сайт в Wjrdpress также можно применять различные плагины, например: Video.js, JW Player и другие.

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

В Joomla, для размещения видео на странице, лучше использовать специальные плагины, например: AllVideos.

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

Как вставить Youtube видео на страницу Joomla смотрите в материале — Работа с плагином Allvideos. Вставка кода видео на страницу.

***

Как увеличить трафик на сайт с помощью YouTube

Вставить баннер в joomla, плагин MultiAds

 

  • < Назад
  • Вперёд >

Как вставить только часть (кусок) видео с YouTube на сайт?

org/BreadcrumbList»>




– Автор:

Игорь (Администратор)

Вставка части видео с YouTube на сайт

YouTube это достаточно полезный инструмент. Он экономит место на диске и не нагружает ваш сервер. И при этом позволяет просматривать видео с вашего сайта с высокой скоростью.

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

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

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

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

Ручное изменение html-кода для вставки части видео с YouTube на сайт

Не смотря на то, что существует два варианта вставки: с использованием iframe и с использованием тега object. Необходимо изменять одни и те же параметры «start» и «end». Так, что не удивляйтесь, что действия очень похожи. 

Параметр «start» задает время начало видео в секундах. Параметр «end» задает время остановки видео. 

Вставка с использованием iframe

Откройте любой редактор html или редактор исходного кода. Рассчитайте в секундах время начала и время окончания видео, и добавьте параметры «start» и «end» так, как показано на рисунке:

 

Обратите внимание, что перед параметрами необходимо поставить символ «?», иначе видео не будет загружаться.

Примечание: Символ «?» нужен для корректного составления Url.

Вставка с использованием тега object

Действия очень похожи на вставку в iframe, за исключением того, что параметры необходимо вставить в два места. В одну из секций «param» и в секцию «embed», как показано на рисунке:

В данном случае символ «?» не требуется, так как в ссылках уже есть параметры.

Используем сервис tubechop.com для вставки части видео с YouTube на сайт

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

Для открывшегося видео выберите нужный диапазон, как это показано ниже на рисунке, и нажмите кнопку «Chop it».

После того как страница перезагрузится, перед вами появится пример того, как видео будет отображаться для пользователей. Сам код для вставки будет находится в поле «Embed Code» (чуть правее от видео).

Как видите оба способа достаточно простые и потребуют от вас минимум времени. 

☕ Хотите выразить благодарность автору? Поделитесь с друзьями!

  • Как извлечь аудио из видео быстро и без потери качества?
  • Как настроить прозрачность окон (границ) в Windows 7?
Добавить комментарий / отзыв

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

У многих людей до сих пор возникает один и тот же вопрос: — Как вставить видео с Yuotube на сайт. Этот вопрос по логике не должен был бы возникать, но раз он есть, то я решил ответить на него на собственном примере по шагам.

Итак, вам понравилось какое-то видео на видеохостинге Youtube и вы решили поделиться ими со своими посетителями или друзьями, но не знаете, как вставить это видео с youtube.

Как вставить видео с YouTube на блог — видеоурок инструкция

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

В видео я покажу вам то, пошаговую инструкцию как вставить видео с YouTube на блог на CMS WordPress, Livejornal, Liveinternet, Blogger.

Плагин называется  Smart YouTube PRO. Ссылка на скачивание — http://wordpress.org/extend/plugins/smart-youtube/

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

Присылайте свои вопросы мне, за них вы получите подарок, а я тему для видео или статьи. Мне важны ваши вопросы! Слать вопросы сюда — https://zarabotokwmz.ru/zadaj-vopros-poluchi-podarok

Дальше читайте почти то же самое в виде статьи.

Сразу под окном с видеороликом есть небольшой ряд кнопок. Вам нужно нажать на кнопку “Отправить”.

Шаг 1, нажимаем на отправить

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

Шаг 2, нажимаем на встроить

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

Шаг 3, выбираем размер и копируем код

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

По просьбе моих любимых посетителей обновил картинку с параметрами вставки

  • Шаг четвёртый.

Вот и сама вставка кода. А раз это код, то и вставлять его нужно в код.

Как вставить видео с Youtube на блог работающий на WordPress

Вам нужно нажать на кнопку “HTML” сразу под полем, куда вносится заголовок. А в основное поле уже вставляете полученный на youtube.com код с видео. Посмотреть, что у вас получилось можно после того, как нажмёте на кнопку “Визуально”.

Вставляем видео с youtube на блог работающий на wordpress

Как вставить видео с Youtube на блог на сервисе LiveJournal.com

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

Вставляем видео с youtube на блог на сервисе LiveJournal.com

Как вставить видео с Youtube на блог на сервисе Blogger.com

Опять тоже самое. Вам нужно найти поле, в которое можно вставлять html код видеоролика. Тут кнопки расположены наоборот, в отличие от двух предыдущих. Вам нужно нажать на кнопку “Изменить код”, а посмотреть результат можно нажав на кнопку “Создать”.

Вставляем видео с youtube на блог на сервисе Blogger.com

Вот что у вас должно получиться:

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

Как вставить видео на страницу. Веб-студия MAD MAKERS

Существует 3 способа вставки видео на страницу.

 1. Вставка видео, загруженного на ваш сайт

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

 

2. Вставка видео с Youtube в текстовый блок
Плюсы: не занимает дисковое пространство сайта
Минусы: будет отображаться в поисковике, может быть использовано разными пользователями

 

3.Вставка видео с Youtube с помощью элемента  «HTML/ JS код»
Плюсы: не занимает дисковое пространство сайта
Минусы: будет отображаться в поисковике, может быть использовано разными пользователями

 

 1. Вставка видео, загруженного на ваш сайт

 

  1. Видео вставляется на страницу в элемент «Текст». Нажимаете на текст — открывается верхняя панель редактора. 
  2. В редакторе нажимаете «Вставить», в открывшемся меню нажимаете Media.
  3. Откроется диалог вставки видео. Нажмите на кнопку «Обзор»
  4. Откроется менеджер файлов. Нажмите на кнопку «Загрузить файлы»
  5. Выберите файл для вставки и нажмите «Выбрать» (внешний вид окна может отличаться в зависимости от версии вашей операционной системы)
  6. Файл загрузится на диск сайта. Нажмите на галочку слева от имени файла
  7. Файл будет выбран и его адрес появится в диалоге вставки видео.
    Вы можете сразу задать ширину видео 100%. (изначально поля размер могут быть пустыми)

    Нажмите кнопку «ОК»

  8. Видео вставлено на сайт. Не забудьте сохранить текст

 

 2. Вставка видео с Youtube в текстовый блок

1. Открыть Youtube и найти необходимое видео

 

2. В правом нижнем углу под видео нажать кнопку «Поделиться»

3. Откроется новое диалоговое окошко, в нем нажмите на кнопку «<> встроить» 

4. В новом диалоговом окне откроется HTML код для добавления видео на ваш сайт. 

5. В ссылке указаны стандартные параметры видео. Вы можете сразу изменить Width (ширину) и height (высоту) видео в пикселях, которые будут отображаться на странице.

6. Нажмите кнопку копировать

7. Когда ссылка скопируется появится уведомление в левом нижнес углу браузера

8. На странице, куда необходимо добавить видео, в панеле администратора, в режиме редактирования, нажмите кнопку «Добавить элемент» 

9. Выберите элемент текст

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

11. Очистите поле текста

12. Выберите в консоле кнопку «Исходный код» обозначенную <>

13. В новом диалоговом окне откроепся поле для добавление HTML кода. Между <div> и </div> вставляем скопированную ссылку и нажимаем «Ок»

14. Видео появится на странице, нажимаем кнопку «Сохранить»

 3.Вставка видео с Youtube с помощью элемента  «HTML/ JS код»

1. Повторить с 1 по 8 пунк включительно из  «Вставка видео с Youtube в текстовый блок». Выбрать элемент «HTML/ JS код»

2. В новом диалоговом окне откроется поле для вставки кода, который мы скопировали из видео. Нажмите кнопку «Сохранить»

3. В режиме редактирования видео будет отображаться таким образом

4. Выйдите из режима редакирования, обновите страницу и вы увидите ваше видео.

10 способов интеграции и встраивания видео YouTube в WordPress

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

Однако это изменилось с момента выпуска WordPress 2.9. Фактически, вы можете встроить YouTube в WordPress, не имея ничего, кроме ссылки на YouTube.Тем не менее, вы можете захотеть стать более умным с вашей интеграцией, создав галереи, вставив всю свою страницу YouTube или составив список видео от других авторов.

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

Самый простой способ встроить видео с YouTube в WordPress

WordPress 2.9 добавил классную функцию, которую они называют встраиванием. Это позволяет копировать и вставлять видео с YouTube прямо на ваш сайт без каких-либо дополнительных плагинов или настроек.Вот как это сделать:

Шаг 1

Скопируйте URL-адрес из видео YouTube. Вы можете скопировать URL-адрес из адресной строки браузера или с помощью кнопки «Поделиться ссылкой на YouTube».

Ссылка для вставки на YouTube

Совет: вы можете автоматически запускать видео с определенного места (например, через 30 секунд), сначала установив флажок «Начать с» и выбрав время. Затем скопируйте ссылку.

Шаг 2

Вставьте URL-адрес в редактор WordPress, и функция встраивания автоматически превратит его во встроенное видео.

Вставить видео с YouTube в редактор WordPress

Интересные функции из плагинов YouTube для встраивания

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

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

Лучшие способы интеграции и встраивания YouTube в WordPress

Мы просмотрели и рассмотрели все лучшие плагины WordPress, которые вы можете использовать для встраивания видео YouTube в WordPress.Пришло время погрузиться в дело!

  1. YouTube, EmbedPlus
  2. WP YouTube Lyte
  3. Видео галерея — YouTube Галерея
  4. Накорми их в соцсетях
  5. YotuWP
  6. Видеомасштаб
  7. ARVE Advanced Responsive Video Embedder
  8. WpDevArt YouTube для встраивания, воспроизведения и всплывающих окон
  9. YourChannel
  10. Галерея YouTube

1. YouTube от EmbedPlus

Плагин YouTube от EmbedPlus предлагает несколько способов настройки видео, которые вы встраиваете на свой веб-сайт WordPress.Для начала, у плагина есть возможности галереи, чтобы вытащить ваши плейлисты или списки каналов на ваш сайт. Галереи отзывчивы и готовы к вашим настройкам. Затем ваши пользователи смогут просматривать и искать определенные видео в зависимости от своих потребностей.

Плагин YouTube для WordPress

Многие другие функции включены в плагин YouTube от EmbedPlus, но мы рассмотрим лучшие из них в списке ниже. Что касается цены, этот плагин бесплатен для большинства основных функций.Например, вы можете добавить товарный знак, чтобы избавиться от некоторых цветов и логотипов YouTube, а также включить прямую трансляцию YouTube на свой веб-сайт. Премиум-версия начинается с 19,99 долларов США и обеспечивает пожизненный доступ к плагину YouTube.

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

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

2. WP YouTube Lyte

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

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

WP YouTube Lyte

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

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Плагин WP YouTube Lyte обеспечивает легкое встраивание видео YouTube до тех пор, пока посетитель не решит, что хочет его просмотреть. После нажатия будет воспроизведена полная версия ролика YouTube.
  • Он улучшает общую производительность вашего веб-сайта, особенно когда у вас есть большая коллекция видео на одной странице.
  • Поскольку плагин не требует никаких запросов к серверам YouTube, он фактически улучшает соответствие GDPR.
  • Shortcodes доступны для вас, чтобы быстро разместить оптимизированные видео YouTube по всему вашему сайту.
  • Плагин был протестирован на всех мобильных устройствах, чтобы убедиться, что отложенная загрузка не повлияет на производительность мобильных устройств YouTube.

Тест скорости без WP YouTube Lyte

Хотите знать, насколько быстрее он может сделать ваш сайт? Мы провели пять тестов скорости с обычным встроенным видео YouTube и взяли среднее значение.

YouTube без ленивой загрузки (тест скорости)

Тест скорости

с WP YouTube Lyte

Затем мы провели пять тестов с включенным плагином WP YouTube Lyte и опцией кэширования эскизов.Этот маленький бесплатный плагин сократил общее время загрузки на 40,43%! Не говоря уже о том, что он также уменьшил размер страницы и все дополнительные внешние запросы, которые идут со встроенным проигрывателем YouTube по умолчанию.

Тест скорости с включенной отложенной загрузкой (тест скорости)

Ленивая загрузка ваших видео на YouTube может легко сократить время загрузки вашей страницы более чем на 40%! 😲Нажмите, чтобы написать твит

3. Видеогалерея — YouTube Галерея

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

Плагин WordPress для видеогалереи

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

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

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

4. Накормите их социальными

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

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Мы покажем вам, как это сделать.

Присоединяйтесь к 20 000+ другим, кто получает нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Подпишитесь сейчас

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

Плагин Feed Them Social для WordPress

Плагин, похоже, ориентирован в основном на видео и медиафайлы Facebook, но он также поддерживает YouTube, Twitter, Instagram и Pinterest.Технически вы можете использовать это для показа вашего собственного канала YouTube на веб-сайте или путем объединения коллекции YouTubers в одну галерею.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Плагин позволяет вам находить ваши любимые видео-каналы социальных сетей и добавлять их на свой веб-сайт.
  • Добавьте столько каналов, сколько хотите, и настройте их в одну красивую галерею.
  • Все эти каналы адаптивны и готовы к настройке цвета.
  • Бесплатная версия также включает инструменты, с помощью которых люди могут делиться вашими видео в таких местах, как Facebook и Instagram.
  • При подборе видео на вашем веб-сайте источники контента включают Pinterest, Facebook, Twitter и YouTube.
  • Если вы хотите проявить больше творчества, разработчики плагина Feed Them Social предлагают широкий спектр расширений для таких вещей, как комбинированные потоки и карусели.

5. YotuWP

Если вы ищете простой, но изящный способ разместить свои видео YouTube на сайте WordPress, плагин YotuWP поможет вам.Он легкий, простой в использовании и достаточно мощный, чтобы поддерживать галереи, плейлисты, каналы и видео от определенных пользователей. У вас даже есть возможность добавить одно видео из одного источника. YouTube, Vimeo и Wistia доступны в виде интеграции, а макеты включают сетку, список и смешанные галереи.

Плагин YotuWP

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

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • YotuWP предлагает минималистичный дизайн с красивой презентацией ваших видео.Нам нравится это для новичков или просто тех, кому не нужны все функции других плагинов.
  • Вы можете отображать свои видео в нескольких форматах галереи, таких как смешанная галерея или список.
  • Плагин имеет возможность снимать видео из нескольких типов источников. Например, вы можете извлечь все видео из одного плейлиста. Или вы можете предпочесть видео от имени пользователя или канала.
  • Доступны большие и маленькие видео. Все настройки размера выполняются в плагине, оставляя вам интерфейс, который не займет много времени для загрузки видео в Интернет.
  • Вы даже получаете некоторые уникальные параметры отображения, такие как модальные окна, всплывающие окна и лайтбоксы.
  • У вас по-прежнему есть возможность получить мощные инструменты настройки в премиум-версии. Более того, 14 долларов в год — это очень дешево для плагина премиум-класса.

6. Видеомасштаб

У

Videozoom нет бесплатной версии, но ее определенно стоит посмотреть. Причина в том, что Videozoom на самом деле является полноценной темой WordPress, а не плагином. Мы включили его сюда, потому что знаем, что некоторые люди создают веб-сайты, в центре внимания которых находятся галереи YouTube.Следовательно, имеет смысл установить тему с такой поддержкой, а не плагин. Тема помогает демонстрировать коллекцию видео со всего Интернета. Например, если вы хотите создать свой собственный канал на YouTube и разместить все эти видео на своем веб-сайте, это может быть для вас хорошим выбором.

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

Плагин WordPress для Videozoom

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

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Это полноценная тема WordPress, поэтому вы начинаете свой веб-сайт со всеми инструментами для встраивания, которые необходимы, чтобы произвести впечатление на посетителей.
  • Предлагает два скина, темный и светлый. Таким образом вы сможете немного изменить бренд своего сайта и подумать о том, как ваши посетители хотели бы просматривать видео.
  • Если вы разработчик, у вас есть возможность получить более 40 тем WordPress с членством в WPZoom.
  • Встраивание с YouTube выполняется легко, и вы также можете загружать свои собственные локальные видео на свой сервер.
  • После загрузки видео или ссылки с YouTube создается эскиз видео.
  • Все интерфейсы довольно красивые, с мобильным дизайном, благодаря которому ваши видео воспроизводятся мгновенно и выглядят так же, как на YouTube.

7. ARVE Advanced Responsive Video Embedder

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

Этот плагин выполняет свою работу, а также поддерживает широкий спектр других видеосайтов, помимо YouTube. Например, вы можете скачать видео с TED, Twitch или Comedy Central.В таких ситуациях не всегда удается найти одни и те же видео на YouTube. Следовательно, вам нужно вместо этого получить ссылку с фактического исходного веб-сайта. Это плагин, который поддерживает десятки других веб-сайтов, но при этом обеспечивает адаптивный просмотр видео, к которому мы привыкли.

Плагин ARVE для WordPress

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

Лично я считаю, что большинству людей, которые установят плагин, понравится бесплатная версия, но есть возможность обновить ее за 35 долларов. Одна из основных функций премиум-версии позволяет отключать ссылки в ваших видео. Это означает, что пользователи не могут нажать на ссылку Youtube и уйти с вашего сайта. Также есть функция отложенной загрузки, лайтбокс, стиль наведения и различные значки воспроизведения. В целом, версия Pro не такая уж и дорогая, поэтому, если вам абсолютно необходима одна из этих функций, это неплохой выбор.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • ARVE Advanced Responsive Video Embedder поддерживает практически все видео, которые вы можете найти в Интернете. Если на веб-сайте, с которого вы работаете, используются встроенные коды iframe, все должно быть в порядке. Вы также можете без проблем мгновенно встраивать видео с YouTube.
  • Поддержка WYSIWYG означает, что короткие коды не требуются. Таким образом, вы можете настроить отображение видео и размещать видео в сообщениях и на страницах.
  • Это оптимизированный для SEO плагин, который предоставляет информацию о видео на вашем сайте. Например, вы можете показать названия и описания пользователям.
  • Если вы предпочитаете короткие коды, плагин предоставляет их в качестве опции.
  • Видео может запускаться автоматически, когда пользователь заходит на ваш сайт.
  • Хотя это может быть необязательно для всех, платная версия имеет некоторую отложенную загрузку и возможность отключения ссылок YouTube, что обеспечивает больший контроль и оптимизацию.

8. WpDevArt YouTube Embed, плейлист и всплывающее окно

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

WpDevArt YouTube Встроенный плагин

В версии Pro вы найдете инструменты для создания плейлистов YouTube, отображения ваших видео во всплывающих окнах и параметры для коротких кодов кнопок в сообщениях или на страницах. Вы также можете установить индивидуальные параметры для каждого видео, открывая всевозможные возможности для видео. Также отображаются похожие видео вместе с миниатюрами разного размера. Личная версия плагина начинается с 12 долларов, и она также дает вам премиальную поддержку клиентов, которая может быть полезна.Если вы планируете разместить плагин на нескольких сайтах, вам понадобится лицензия Business или Developer от 24 долларов США.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Подключаемый модуль WpDevArt YouTube Embed обеспечивает простой способ встраивания ваших видео YouTube без излишних функций, которые могут показаться запутанными. Его легко установить, и все ваши видео будут хорошо отображаться на мобильных устройствах.
  • Плагин позволяет вставлять видео YouTube в сообщения, страницы и виджеты.
  • Хотя плагин легкий, на самом деле он имеет множество функций настройки для настройки таких вещей, как размер видео, функции автовоспроизведения и зацикливание.
  • Цвет индикатора выполнения можно изменить, и вы можете начать воспроизведение видео, когда кто-то зайдет на ваш сайт.
  • Версия Pro доступна по цене и дает вам несколько функций, которые стоит рассмотреть. Например, мне нравится идея размещать видео во всплывающих окнах и показывать похожие видео, чтобы люди могли просматривать больше контента на вашем сайте.

9. YourChannel

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

Плагин YourChannel для WordPress

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

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

10. Галерея YouTube

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

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

Плагин YouTube Gallery для WordPress

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

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

Какой из этих плагинов лучше всего подходит для встраивания YouTube в WordPress?

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

  • Для лучшего встраивания YouTube плагин — Используйте YouTube от EmbedPlus.
  • Для ленивой загрузки всех ваших встроенных видеороликов YouTube — рассмотрите WP YouTube Lyte.
  • Чтобы создать красивую галерею для ваших видео — Подумайте о видеогалерее — Галерея YouTube
  • Для извлечения видео из социальных сетей (и включения кнопок социального обмена в видео) — Попробуйте Feed Them Social.
  • Если вам нравится разнообразное сочетание макетов галереи — плагин YotuWP — достойный выбор.
  • Для тех, кто только начинает создавать видеосайты и хочет полную тему галереи YouTube. — Тема Videozoom направит вас на верный путь.
  • Если вы предпочитаете WYSIWYG-редактор вместо коротких кодов — рассмотрите ARVE Advanced Responsive Video Embedder.
  • Для очень простого инструмента для встраивания YouTube. — Подумайте о WpDevArt YouTube Embed, Playlist и Popup.
  • Чтобы вытащить весь канал YouTube и отобразить его так, как он отображается на YouTube — Используйте YourChannel.
  • Если вы хотите протестировать другой плагин галереи — плагин YouTube Gallery создает отличные галереи.

Если у вас есть дополнительные вопросы о способах встраивания YouTube в WordPress, дайте нам знать в комментариях!


Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress.Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

Как встроить видео YouTube в адаптивный веб-сайт

Выполните действия, описанные ниже, чтобы встроить видео YouTube в настраиваемый адаптивный веб-сайт, разработанный INSYTE:

  1. Сначала найдите видео на YouTube.com
  2. Под видео нажмите ссылку Поделиться (выделено желтым на скриншоте ниже)
  3. Найдите следующие доступные варианты: « Поделиться », « Встроить » и « Электронная почта »
  4. Выберите вариант с надписью: Встроить
  5. Отображается текстовое поле с кодом внедрения , которое можно скопировать в буфер обмена.
  6. ПЕРЕД копированием кода используйте выбираемые параметры под видео, чтобы решить, хотите ли вы, чтобы предлагаемые видео отображались после того, как ваше видео было закончено. (O Ваша рекомендация — отключить эту функцию, потому что вы не можете контролировать видео, предлагаемые YouTube, а иногда они неактуальны и не подходят для вашего сайта.)
    1. Чтобы ОТКЛЮЧИТЬ предлагаемые видео, снимите флажок рядом с «Показывать предлагаемые видео по окончании видео», расположенный под предварительным просмотром видео и под выбором «Размер видео».( При нажатии на эту кнопку вы должны увидеть небольшие изменения в коде

      Подписаться на WPBeginner

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

      Как встраивать видео в сообщения и страницы блога WordPress

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

      Все, что вам нужно сделать, это вставить URL-адрес видео в редактор WordPress.

      Например, вы можете скопировать URL-адрес YouTube для видео, которое хотите встроить.

      Затем отредактируйте запись или страницу WordPress, на которую вы хотите добавить видео, и просто вставьте URL-адрес в область содержимого.

      Как только вы вставите URL-адрес видео, WordPress получит код встраивания и отобразит видео YouTube внутри редактора контента.

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

      Разве не все было просто?

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

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

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

      Вот список видеоуслуг из белого списка для автоматического встраивания в WordPress:

      • Amazon
      • Animoto
      • Cloudup
      • Колледж Юмор
      • Crowdsignal
      • Dailymotion
      • Facebook
      • Flickr
      • Hulu
      • Imgur
      • Instagram
      • Issuu
      • Kickstarter
      • Meetup.com
      • Mixcloud
      • Reddit
      • ReverbNation
      • Скринкаст
      • Писец
      • Slideshare
      • Самодовольная кружка
      • Someecards
      • SoundCloud
      • Акустическая дека
      • Spotify
      • TED
      • Tumblr
      • Твиттер
      • ВидеоПресс
      • Vimeo
      • WordPress.телевизор
      • YouTube

      Если вы хотите добавить видео с веб-сайта, не входящего в этот список, вам понадобится полный HTML-код для встраивания видео.

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

      Встраивайте видео в WordPress с помощью старого классического редактора

      Если вы все еще используете старый классический редактор WordPress, вы можете встраивать видео таким же образом.

      Просто скопируйте URL-адрес с видеохостинга, такого как YouTube, и вставьте его в редактор.Если вы используете визуальный редактор, вы увидите предварительный просмотр видео.

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

      Как встраивать видео в виджеты боковой панели WordPress

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

      Просто перейдите на страницу Внешний вид »Виджеты и добавьте виджет« Текст »на боковую панель.См. Нашу статью о том, как добавлять и использовать виджеты в WordPress.

      В настройках виджета вам необходимо вставить URL-адрес видео в область содержимого. WordPress автоматически загрузит код для встраивания и отобразит предварительный просмотр видео.

      Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.

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

      Плагины для встраивания видео для WordPress

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

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

      1. Канал YouTube Smash Balloon

      Smash Balloon Feeds для YouTube — один из лучших видеоплагинов WordPress. Он позволяет автоматически вставлять все видео вашего канала YouTube в настраиваемый формат галереи. Он автоматически импортирует новые видео, объединяет каналы, добавляет прямую трансляцию и многое другое.

      Smash Balloon предлагает бесплатную версию плагина YouTube Feed, но в нашей демонстрации ниже мы покажем версию Pro.

      Сначала вам нужно установить и активировать плагин Smash Balloon Feeds для YouTube. Оттуда перейдите на страницу Feeds for YouTube »License и введите свой лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на веб-сайте плагина.

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

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

      Нажмите кнопку «Сохранить изменения», и все готово.

      Чтобы встроить канал YouTube в сообщение или страницу, просто отредактируйте его в WordPress. На экране редактирования страницы нажмите кнопку (+), добавьте новый блок и выберите блок «Ленты для YouTube».

      Когда вы добавляете блок в редактор сообщений, он автоматически выбирает и отображает видео с вашего канала YouTube.

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

      Каналы YouTube

      Smash Balloon имеют несколько вариантов макета и стиля. Вы можете изменить стиль по умолчанию, посетив страницу каналов для YouTube »Настроить .

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

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

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

      Чтобы вставить шорткод в сообщение или страницу, вы можете использовать блок шорткода.

      Теперь вы можете добавить шорткод канала [youtube-feed] (или любой другой вариант) в настройки блока.

      Вы также можете использовать канал YouTube Smash Balloon с их новым плагином Social Wall, который объединяет весь ваш контент в социальных сетях из Facebook, Instagram, Twitter и YouTube на одной странице.

      2. Панель подписки YouTube

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

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

      3. Ленивая загрузка видео

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

      Lazy Load for Videos решает эту проблему, загружая видеоизображение только при загрузке страницы.Он загружает встроенный код только тогда, когда пользователь нажимает кнопку воспроизведения. Посмотрите наше руководство о том, как добавить отложенную загрузку видео в WordPress.

      Между прочим, вам не понадобится этот плагин, если вы используете канал YouTube Smash Balloon, потому что он имеет встроенное кеширование и отложенную загрузку для видеоплеера.

      Почему я не могу загрузить видео в WordPress?

      Можно, но мы не рекомендуем вам это делать.

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

      Во-вторых, вы упускаете трафик пользователей YouTube.

      YouTube — это не только крупнейший сайт видеохостинга, но также вторая по популярности поисковая система в мире и вторая по популярности социальная сеть сразу после Facebook.

      Если вы не хотите загружать видео на YouTube, вы можете попробовать Vimeo или DailyMotion. Посмотрите наше сравнение YouTube и Vimeo, чтобы увидеть, какая платформа лучше подходит для ваших нужд.

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

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

      Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

      Как бесплатно разместить частные видеоролики YouTube на своем веб-сайте

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

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

      Отметьте видео как личное, затем поделитесь и вставьте

      Перейдите в YouTube Creator Studio для своей учетной записи, затем щелкните видео на левой вкладке.Оттуда отметьте свое видео как личное.

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

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

      Вы сделали это! Однако есть предостережения.

      1. Введенные пользователи должны иметь действующую учетную запись YouTube.
      2. Список ограничен до 50 человек.

      Теперь вам нужно вернуться к своему видео на YouTube и получить код для вставки на свой веб-сайт.

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

      Можно ли делиться плейлистами в частном порядке?

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

      Если вы хотите сделать это, единственный способ сделать это — ввести список адресов электронной почты, которым вы хотите поделиться с каждым видео, которым вы хотите поделиться.

      Как включить контент только для членов на вашем канале YouTube

      В 2019 году YouTube начал экспериментировать, позволяя вам использовать на своем канале контент только для участников в обмен на 30% вашего дохода.

      Этот метод теоретически позволит вам встраивать видео YouTube только для участников на свой веб-сайт.Но вместе с этим возникают проблемы.

      1. Варианты ценообразования ограничены. Таким образом, если у вас курс на 500 долларов, вы не можете взимать 500 долларов за членство в YouTube. Вы застряли с вариантами ценообразования YouTube по умолчанию.
      2. Вы не можете бесплатно добавлять участников на свой канал, зная их адрес электронной почты.
      3. Это не совсем личное. Пользователи могут видеть, что ваши видео существуют, но не могут смотреть их, пока не заплатят.
      4. Не все каналы сразу могут быть допущены к участию.Чтобы включить эту функцию, вам понадобится немного подписчиков на YouTube.
      5. YouTube забирает 30% вашего дохода. Если бы я предлагал видеокурс, я бы не хотел терять 30% денег, если бы YouTube не предоставил мне в 3 раза больше подписок, чем я мог бы получить в противном случае.

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

      В чем разница между частным и частным видео на YouTube?

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

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

      Как разместить частные видео на своем веб-сайте

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

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

      Версия TL; DR: Vidello — мой выбор №1 для частного видеохостинга. Wistia намного дороже, но если деньги для вас ничего не значат, мне также нравится их программное обеспечение.

      Помогает ли встраивание видео с YouTube в SEO?

      Если вы упорно трудятся, чтобы на вашей SEO игры, то вы пытаетесь все, что вы можете.И это здорово! Одна из областей, которая может вас заинтересовать, — это встраивание видео. Что лучше для SEO: встроить видео YouTube на ваш сайт или разместить видео через свой домен? Ниже мы расскажем вам о преимуществах и некоторых возможных недостатках.

      Причины встраивания видео YouTube

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

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

      Будьте уверены в создании видеоконтента перед началом работы

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

      Возможные преимущества встраивания видео YouTube

      Увеличение средней продолжительности сеанса и более высокая вовлеченность

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

      Обратные ссылки

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

      Возможность получить рейтинг в поисковой выдаче Google и YouTube

      Если у вас есть видео на YouTube или вы вообще присутствуете на YouTube, вы также будете ранжироваться в их поисковой выдаче. Когда вы встроили видео на свой веб-сайт, вы можете получить рейтинг как на Google, так и на YouTube. Помните, когда мы упоминали, что YouTube преуспевает в качестве поисковой системы? Было бы здорово, если бы вы присутствовали на обеих платформах.

      Преимущества размещения видео на YouTube

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

      Преимущества размещения видео на вашем веб-сайте

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

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

      Возможные недостатки встроенного видео

      Более медленная загрузка

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

      У вас должен быть интересный контент

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

      Что нужно помнить: расширенные фрагменты кода

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

      Если вас интересуют видео на вашем веб-сайте, SEO-стратегия или вам даже нужна полная перестройка нашего сайта, свяжитесь с нами! Мы предлагаем бесплатные маркетинговые аудиты нашими экспертами, чтобы узнать, где находится ваш веб-сайт и как его лучше всего улучшить.Безвоздмездно!

      Добавление видео с YouTube в WordPress

      Встраивать видео на свои страницы и в сообщения очень просто — и это отличный способ расширить ваш контент .

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

      1. Найдите видео, которое хотите встроить на YouTube
        (при условии, что у вас еще нет адреса видео)
      2. Щелкните ссылку Поделиться (под видео)
      3. В разделе «Поделиться этим видео» скопируйте адрес видео в буфер обмена (нажмите кнопку «КОПИРОВАТЬ»).
        Обратите внимание на параметр флажка, чтобы начать видео с определенной позиции (а не с начала)
      4. Войдите в панель администратора WordPress и отредактируйте запись или страницу , на которую вы хотите добавить свое видео.
      5. Наведите курсор правильно (туда, где вы хотите, чтобы видео отображалось в вашем контенте — чаще всего лучше использовать пустой абзац) и вставьте адрес видео YouTube (ранее скопированный на шаге 3). Сразу же вы должны обнаружить, что WordPress показывает видео на месте.
      6. Нажмите кнопку Обновить для завершения.
      7. Проверьте свое видео, просмотрев страницу или опубликовав в обычном режиме.

      Это простой способ!

      Для дополнительных опций:

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

      Выберите один из доступных вариантов и скопируйте полученный HTML-код, предоставленный YouTube.

      Это нужно вставить на вашу страницу в WordPress. Но вы должны вставить скопированный HTML-код, используя для страницы режим редактирования «Текст», а не обычный режим редактирования «Визуальный».

      Еще больше возможностей…

      Попробуйте этот бесплатный инструмент для добавления видео на YouTube — он прост в использовании и предлагает более 30 настроек:

      youtubevideoembed.com

      Как встроить канал YouTube на свой веб-сайт (лучший способ)

      Ищете простой способ встроить свой канал YouTube на свой сайт WordPress?

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

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

      Отличные новости? Это проще, чем ты думаешь. И для этого не нужно даже быть ИТ-специалистом!

      В этом руководстве мы покажем вам самый простой способ встроить канал YouTube на свой веб-сайт.

      Поскольку мы будем говорить о пошаговом процессе, вот содержание, которое поможет вам ориентироваться в этом сообщении:

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

      Или вы можете щелкнуть здесь, чтобы перейти к руководству.

      Зачем встраивать канал YouTube на свой веб-сайт?

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

      Кроме того, поскольку 90% брендов публикуют видео на YouTube не реже одного раза в неделю, чем более доступен ваш канал YouTube, тем больше у вас возможностей взаимодействовать со своими клиентами с помощью видео.

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

      Теперь, когда вы знаете, почему так важно показывать ваш канал YouTube на своем веб-сайте, давайте перейдем к тому, как вы можете встроить свой канал YouTube в свой WordPress ниже.

      2 метода встраивания канала YouTube в WordPress

      Есть 2 способа связать ваш канал YouTube с вашим сайтом:

      1. Автоматически: Вы используете полезный плагин WordPress и подключаете к нему свой канал YouTube.Всего за несколько кликов вы можете легко отобразить канал своего канала на своем веб-сайте.
      2. Инструкция: Вы получаете код нескольких видеороликов на YouTube. Затем вы вручную вставляете отдельные видео, так как каждое видео имеет свой код встраивания.

      Самый простой способ встроить ваш канал YouTube на ваш веб-сайт — это использовать первый метод с использованием плагина WordPress.

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

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

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

      Обеспокоены плагином, замедляющим работу вашего сайта? Тебе не обязательно быть.

      В отличие от других плагинов, плагин Feeds for YouTube начинает загружать видеопроигрыватель YouTube только тогда, когда ваш посетитель взаимодействует с вашим фидом. У него нет автовоспроизведения, поэтому он лучше для вашей оценки Google Page Speed.

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

      Лучшая часть? Установив плагин Feeds for YouTube, вы можете встроить свой канал YouTube с несколькими видеороликами YouTube на свой веб-сайт менее чем за минуту! Прочтите ниже, чтобы узнать, как начать процесс.

      Шаг 1. Установите каналы для подключаемого модуля YouTube Pro

      Для начала вы можете скачать свою копию плагина Feeds для YouTube Pro здесь.

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

      Шаг 2. Подключите свой канал YouTube

      После установки и активации плагина следующим шагом будет его подключение к вашей учетной записи YouTube.

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

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

      Шаг 3. Получите идентификатор или имя пользователя своего канала YouTube

      Как узнать идентификатор вашего канала YouTube?

      Сначала перейдите на https: // www.youtube.com. Затем просто посетите канал YouTube, который хотите встроить. Наконец, проверьте URL-адрес и скопируйте оттуда идентификатор канала или имя канала.

      Шаг 4: Выберите тип подачи «Канал»

      Поскольку это руководство посвящено встраиванию вашего канала YouTube на ваш веб-сайт, в разделе Feed Type выберите опцию Channel . Затем вставьте сюда идентификатор своего канала YouTube.

      Не забудьте нажать кнопку Сохранить изменения .

      Шаг 5. Настройте фид канала YouTube

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

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

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

      Когда вы будете довольны макетом своего канала YouTube, вы можете прокрутить вниз до области Info Display .

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

      Также от вас зависит, хотите ли вы отображать описание своего канала YouTube и количество подписчиков в фиде. Несколько щелчков мышью в разделе Header легко исправят это за вас.

      Теперь, когда вы закончили настройку фида вашего канала YouTube, пора встроить его на свой веб-сайт.

      Шаг 6. Отображение фида вашего канала YouTube в WordPress

      Использование плагина Feeds for YouTube позволяет встроить фид вашего канала YouTube:

      1. На своей странице или в записи в WordPress, или,
      2. На боковой панели в WordPress
      Как встроить ленту канала YouTube в сообщение или страницу WordPress

      Выберите между встраиванием канала вашего канала в сообщение или на страницу.

      Чтобы создать новую страницу, перейдите на страницу Pages »Добавить новый из панели управления WordPress.

      Чтобы создать новую запись WordPress, перейдите в раздел «Сообщения » »Добавить новый .

      После того, как вы создали свой пост или страницу, вы можете щелкнуть значок Plus (+) , чтобы добавить новый блок контента WordPress. Введите «youtube» в поле поиска и щелкните блок Feeds for YouTube , чтобы добавить его в редактор.

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

      Как встроить ленту канала YouTube на боковую панель WordPress

      Теперь, если вы предпочитаете встроить канал своего канала на боковую панель в качестве виджета YouTube, вот простой способ сделать это.

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

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

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

      Начните работу с фидами для YouTube здесь.

      Подсказка: хотите неограниченный доступ к плагинам Smash Balloon, чтобы вы могли использовать их на неограниченных веб-сайтах ? Не стесняйтесь получить пакет Social Wall Pro здесь.

      Чем хорош метод ценообразования Smash Balloon? Он поставляется со 100% гарантией возврата денег без риска, поэтому вы можете сначала опробовать плагины и посмотреть, подходят ли они вам.

      Добавить комментарий

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