Как вставить видео RuTube на сайт WordPress: все плагины и другие способы

После замедления YouTube в России одним из основных видеохостингов стал RuTube. Вебмастерам с ним работать несколько сложнее, чем с Ютуб, но уже появляются удобные инструменты. В этой статье я расскажу про разные способы, как вставить видео с RuTube в WordPress на сайт. Также помогу с выбором лучшей методики.
- Зачем встраивать видео с RuTube на WordPress сайт
- Лучшие плагины для встраивания видеороликов с Рутуб на страницы Вордпресс
- OmniVideo
- EmbedPress в Gutenberg
- Lite Video Embed
- Bg RuTube Embed
- Как добавить видеоролик с RuTube без плагина
- В классическом редакторе
- В редакторе Gutenberg
- Код для встраивания ссылок с Рутуб в Вордпресс
- Подведу итоги
Зачем встраивать видео с RuTube на WordPress сайт
Видеоролики с YouTube смотреть онлайн сейчас могут далеко не все посетители сайта из России. При этом вебмастерам важно добавлять видео в свои материалы. Большинству пользователей без разницы, где конкретно размещен ролик: на RuTube, YouTube, VK Play, Vimeo или он просто залит на хостинг владельца сайта и запускается через встроенный плеер.
Напомню основные причины, почему важно добавлять в материалы на сайте видео:
Они повышают вовлеченность пользователей и среднее время на посетителя, что влияет на позиции сайта в поисковых системах.
Один из факторов ранжирования в Google — видео на странице, где интент поискового запроса предполагает его наличие.
С помощью роликов удается улучшить конверсию продукта или услуги. Например, можно разместить видеоотзывы.
Блоги некоторых тематик предполагают вставку видео для лучшей визуализации материала или его информативного дополнения.
RuTube является оптимальным выбором для размещения и встраивания видео, поскольку это русскоязычная платформа с понятным интерфейсом, приближенным к Ютуб. Он хорошо работает как на компьютерах, так и на мобильных устройствах.
Лучшие плагины для встраивания видеороликов с Рутуб на страницы Вордпресс
Практически любая задача на CMS WordPress решается плагинами. Для RuTube не так много расширений, как для более популярного YouTube, но все-таки они есть. Рассмотрим сперва их, а после — другие способы встраивания роликов.
OmniVideo

Новый WordPress плагин OmniVideo от хорошо себя зарекомендовавшей русской студии WPShop был разработан, чтобы вебмастеры могли встраивать видео с разных платформ к себе на сайт максимально быстро, а просмотр роликов был удобен для пользователей. Расширение поддерживает Youtube, RuTube, VK Видео, Дзен, Одноклассники, Vimeo, Kinescope и ссылки на mp4 файлы.
Работать с OmniVideo очень легко. Вебмастер при помощи шорткода добавляет ссылки на необходимые платформы и указывает опции для отображения блока с видео. Все настройки выполняются при помощи атрибутов шорткода. В результате для посетителей отображается аккуратный блок со встроенными видео, которые “подтягиваются” с одной из популярных платформ или сразу с нескольких.
Внешний вид блока с роликами меняется в зависимости от настроек.
Какие атрибуты есть у шорткода:
- Для настройки заголовка. При помощи title задается название, а атрибутом title_tag выбирается HTML-тег (div, h2, h3 и так далее) для него.
- Для выбора платформы по умолчанию. Если добавляются видеосюжет с нескольких платформ, атрибутом default выбирается основная.
- Для оформления блока. Есть несколько стилей для дизайна блока, которые меняются при помощи style. Плюс задается вариант иконки, основная картинка, порядок вывода платформ и некоторые другие параметры.
- Для скрытия ссылок. URL можно скрыть при помощи псевдоэлемента <span>, указав атрибут pseudo.
Вся документация к OmniVideo на русском языке. Она позволяет изучить доступные атрибуты и настроить блок для конкретных целей. Также есть отзывчивая служба поддержки, которая даст все необходимые инструкции при возникновении проблем или вопросов к работе плагина.
Приведу пример шорткода для вывода видео в записи на сайте одновременно с RuTube и YouTube при помощи данного расширения:
[omnivideo youtube="https://www.youtube.com/watch?v=8a0rlzKp-VI" rutube="https://rutube.ru/video/f97a2d917cc58ed1fd4dc7be6ca0a3b5/" title="Видео с котиками" default="rutube" icon="play-2" style="simple"]Здесь разместите текст[/omnivideo]
Ссылка на RuTube, YouTube и другие площадки (за исключением Дзен) вставляется просто из браузерной строки.
На сайте это будет выглядеть следующим образом:
В блоке ниже можно посмотреть работу блока OmniVideo на реальном примере. В самом ролике содержится краткий обзор расширения от разработчиков.
После установки OmniVideo в разделе «Настройки» административной панели WP будет доступен одноименный с плагином пункт. В нем настраивается базовый шаблон.
OmniVideo является платным расширением. Стоимость лицензии на 1 домен составляет 1900 рублей. При покупке на большее число сайтов выходит дешевле. Также есть вариант сэкономить на расширении, использовав промокод по кнопке ниже.
Промокод на OmniVideo
Лицензия на OmniVideo покупается раз и навсегда. Плагин достаточно новый, и разработчики сейчас его дорабатывают. В будущих обновлениях уже заявлен блок для Gutenberg, добавление видео с платформы Mail Видео, возможность вставить рекламу перед видеороликом, дополнительные варианты дизайнов и многое другое.
EmbedPress в Gutenberg
EmbedPress Plugin включает в себя множество опций, одна из которых призвана упростить вставку видео с разных платформ.
Расширение ранее поддерживало вставку видео с Rutube, но в последних версиях эту поддержку убрали.
Если у вас старая версия EmbedPress, выпущенная до 2022 года, то с его помощью прямо в Gutenberg можно найти одноименный блок, указать ссылку на видео с Рутуб и нажать «Вставить». После этого ролик будет встроен в страницу.
Однако современная версия плагина, которую предлагают установить из репозитория, при попытке добавить видео таким образом выдаст ошибку «Sorry, we could not embed that content».
Само расширение EmbedPress не переведено на русский язык, имеет сложный интерфейс в настройках, предлагает многие опции (в том числе LazyLoad) только в Pro-версии за $49.
Lite Video Embed
Простое расширение Lite Video Embed доступно в библиотеке плагинов WP. Оно позволяет быстро вставлять видео с YouTube и RuTube на страницу сайта. Плагин не добавляет никаких дополнительных блоков, а просто преобразует стандартный URL страницы ролика двух видеохостингов в плеер.
В параметрах Lite Video Embed есть несколько полезных настроек: отложенная загрузка, выбор размера плеера, микроразметка, асинхронная загрузка и прочее.
Lite Video Embed является полностью бесплатным инструментом, который редко обновляется. С ним иногда возникают проблемы, например, в редакторе может не отображаться превью ролика.
Разработчики расширения давно обещали добавить поддержку контента из Одноклассников, Дзена и с других платформ, но оно до сих пор работает только с RuTube и YouTube.
Bg RuTube Embed
Плагин Bg RuTube Embed дает возможность встраивать видео RuTube в страницы и посты. Есть 2 способа это сделать:
- Просто добавить URL ролика (или плейлиста) в редакторе.
- Использовать шорткод с ID и настроить дополнительные параметры блока.
Bg RuTube Embed имеет множество опций для работы с плейлистами. При добавлении плейлиста с помощью атрибутов шорткода можно разделить общее количество видео на несколько страниц, указать дополнительные описания, отсортировать ролики.
Расширение Bg RuTube Embed не получает обновления уже более 2 лет и может конфликтовать с современными версиями PHP, WordPress и темами.
Как добавить видеоролик с RuTube без плагина
Сама платформа RuTube предлагает добавлять ролики на сайты через iframe. С его помощью видео можно вставить, как в классическом редакторе, так и в Гутенберг.
Поскольку видео вставляется через iframe, оно замедляет загрузку страницы. Поэтому я не рекомендую добавлять ролики на сайт таким способом.
В классическом редакторе
Перейдите в RuTube на страницу видео, которое необходимо вставить. Под ним нажмите «Поделиться».
В открывшемся поп-ап окне выберите пункт «Код вставки плеера».
Здесь сразу будет доступен iframe-код, который можно скопировать. Если нажать «Показать настройки параметров», можно изменить размеры, основной цвет и еще несколько опций.
В самом WordPress код iframe ролика вставляется через редактор (в режиме «Текст»).
Чем больше видео будет вставлено таким образом через iframe, тем сильнее они будут замедлять загрузку страницы.
В редакторе Gutenberg
Шаги по получению iframe-кода ролика не отличаются от указанных выше для классического редактора. Сам же код добавляется при редактировании через блок «Произвольный HTML».
Выбрав этот объект, вставьте скопированный с RuTube код и видео будет добавлено в нужном месте материала.
Код для встраивания ссылок с Рутуб в Вордпресс
Опытные вебмастеры знают, что YouTube ссылки редактор WordPress распознает автоматически, встраивая видео в публикацию просто при добавлении линка. Можно зарегистрировать скрипт, который будет работать с RuTube ссылками.
Для этого в файле function.php темы добавьте следующий код:
wp_embed_register_handler('rutube', '#https?:\/\/(www\.)?rutube\.ru\/(play|video)\/([a-zA-Z0-9_-]+)#i', 'wp_embed_handler_rutube');
function wp_embed_handler_rutube( $matches, $attr, $url, $rawattr ) {
$video_id = esc_attr($matches[3]);
$embed = sprintf(
'<iframe width="720" height="405" src="https://rutube.ru/embed/%1$s" frameBorder="0" allow="clipboard-write" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>',
$video_id
);
return $embed;
}
Кратко объясню код. Когда вставляется ссылка на RuTube в редактор, и после доменного имени следует /play/ или /video/, вызывается функция для обработки встраивания ролика, которая заменяет стандартный линк на iframe с размерами 720 на 405.
Подведу итоги
Видео на сайт WordPress важно не только добавить, но и сделать это правильно: чтобы оно излишне не нагружало ресурс, было удобным для просмотра на всех устройствах и выглядело лаконично на фоне остального контента. Вставить таким образом ролики с Рутуб позволяет плагин OmniVideo. Он простой, понятный и удобный, плюс поддерживает не только RuTube, но и другие видеосервисы.
Скидка на OmniVideo
Пожалуйста, оцените материал: