10 способов встроить видео YouTube в WordPress

встроить видео YouTube в WordPress

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

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

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

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

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

Шаг 1

Скопируйте URL видеоролика с Ютуба — из адресной строки браузера или из кнопки «Поделиться ссылкой YouTube».

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

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

Шаг 2

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

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

Чем полезны плагины для встраивания YouTube

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

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

Обзор плагинов для встраивания YouTube в WordPress в 2024 году

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

YouTube by EmbedPlus

YouTube by EmbedPlus отличный

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

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

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

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

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

WP YouTube Lyte

WP YouTube Lyte для сайта

У WP YouTube Lyte есть одна основная задача — отложенная загрузка (Lazy Load) видеороликов Ютуб. Это позволит сайту работать максимально быстро.

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

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

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

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

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

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

Тест скорости сайта с расширением

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

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

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

Video Gallery функциональный

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

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

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

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

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

Feed Them Social

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

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

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

Feed Them Social в основном ориентирован на видео и медиапотоки Фейсбука*, но он также поддерживает YouTube, Twitter, Instagram* и Pinterest. При необходимости, используйте его в качестве плагина для фотогалереи или видеогалереи, когда контент находится в соцсетях. Технически вы можете использовать его для демонстрации собственного канала на сайте или объединения коллекции в одну галерею.

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

YotuWP

YotuWP с полезными инструментами

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

У вас есть возможность добавить одно видео из источника. Ютуб, Vimeo и Wistia доступны для интеграции, а макеты включают сетку, список и смешанные галереи.

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

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

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

Videozoom

Videozoom универсальный и полезный

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

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

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

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

Особенности:
Это полноценная тема ВордПресс, так что вы начинаете свой сайт со всеми инструментами для встраивания, чтобы произвести впечатление на посетителей.
2 варианта оформления — темный и светлый. Таким образом, можно немного брендировать свой ресурс и подумать о том, как посетители хотели бы просматривать видео.
Если вы разработчик, то получаете 40+ тем для WordPress в рамках членства в WPZoom.
Встраивать видео с Ютуба очень просто. Также можно загружать собственные локальные ролики на свой сервер.
Все интерфейсы красивы, с мобильным дизайном, благодаря которому видео воспроизводится мгновенно и выглядит так же, как на YouTube.
После загрузки медиа или ссылки с Ютуба генерируется миниатюра.

ARVE Advanced Responsive Video Embedder

ARVE с мощными опциями

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

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

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

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

Особенности:
Плагин поддерживает практически все видео, которые можно найти в Интернете. До тех пор, пока сайт, с которого берете контент, использует коды вставки iframe, все должно быть в порядке. Есть возможность мгновенно вставлять видео с Ютуба без каких-либо проблем.
Поддержка WYSIWYG означает, что шорткоды не требуются. Поэтому можете кастомизировать отображение видео и размещать его в публикациях и на страницах.
Это SEO-оптимизированный плагин, который предоставляет информацию о роликах на сайте. Например, можете раскрыть тайтлы и дескрипшены для просмотра пользователями.
Если предпочитаете шорткоды, плагин предоставляет их в качестве опции.
Видео может запускаться автоматически, когда пользователь заходит на сайт.
В платной версии есть ленивая загрузка и возможность отключить ссылки на YouTube, что позволяет улучшить контроль и оптимизацию.

WpDevArt YouTube Embed, Playlist и Popup

WpDevArt YouTube Embed plugin

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

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

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

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

YourChannel

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

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

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

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

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

YouTube Gallery для веб-ресурса

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

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

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

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

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

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

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

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

  • Лучший плагин для вставки контента с Ютуба — YouTube by EmbedPlus.
  • Рассмотрите WP YouTube Lyte, если нужна ленивая загрузка видео.
  • Чтобы создать красивую галерею для ваших роликов, подумайте о YouTube Gallery.
  • Попробуйте Feed Them Social для извлечения видео из социальных сетей (и включения кнопок обмена на них).
  • Если нужен разнообразный набор макетов коллекций, то YotuWP — достойный выбор.
  • Videozoom подойдет для тех, кто только начинает создавать видеосайт и хотел бы получить полноценную тему для галереи YouTube.
  • Если предпочитаете WYSIWYG-редактор вместо шорткодов, то рассмотрите ARVE.
  • Если вы любите использовать только базовый инструмент для встраивания, тогда подумайте о WpDevArt YouTube Embed, Playlist and Popup.
  • Чтобы извлечь весь канал и отобразить его так, как он показывается на Ютубе, воспользуйтесь YourChannel.
  • Если хотите протестировать другой плагин галереи, то YouTube Gallery создает отличные варианты.

*Facebook и Instagram признаны экстремистскими организациями и запрещены на территории РФ.

Рейтинг
( Пока оценок нет )
Александр/ автор статьи

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

Загрузка ...
Шаблоны для WordPress
×
WordPress - выгоднее, чем когда-либо!

Скидка -20% на премиум темы и плагины

Воспользуйся скидкой сейчас