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

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

Для чего нужно встраивать видео с RuTube на WordPress сайт

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

Это нужно по следующим причинам:

• видео побуждает пользователей больше времени проводить на сайте, что поднимает его в рейтинге;
• увеличивает глубину просмотра;
• мотивирует совершать действия, которые ведут к улучшению конверсии услуги или товара (как вариант, размещение видеоотзывов пользователей на сайтах интернет-магазинов);
• для некоторых тематических блогов видеоконтент — лучший способ визуализировать или информативно дополнить текстовой материал.

Еще недавно источником видеоматериала был YouTube, однако после его блокировки, лидером в этой нише стал RuTube.

ТОП WordPress-плагинов для встраивания видеороликов с Рутуб на сайт

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

OmniVideo — новое актуальное решение от WPShop

OmniVideo — новый, но, на мой взгляд, весьма надежный WordPress-модуль, который поддерживает сразу все популярные платформы: RuTube. VKВидео, YouTube, Одноклассники, Kinescope, Дзен, Vimeo, формат mp4 (при загрузке на свой хостинг). Разработчик — русская студия WPShop.

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

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

Рекомендую поближе познакомиться с параметрами (атрибутами) шорткода.

• Проектирование заголовков. При помощи title задается название (тема) видео, а посредством title_tag моделируются h2, h3, h4.
• Выбор платформы. В случае, когда встраивание видеоматериала в Вордпресс производится сразу с нескольких сервисов, атрибут default позволит выбрать основной видеохостинг (вкладку в блоке) по умолчанию.
• Дизайн блока. Параметр style поможет изменить внешний вид, задаст картинку, изменит иконку, определит очередность вывода сервисов.

Обзор OmniVideo

YouTube ВК.Видео RuTube Kinescope

Промокод на OmniVideo

Предлагаю пошаговую инструкцию по внедрению видеоролика в WordPress при помощи OmniVideo.

1. Необходимо подготовить ссылку, по которой ролик можно посмотреть на RuTube. Ссылку рекомендую сохранить.

2. Применяете классический редактор – необходимо сформировать шорткод видео с включенными параметрами:

• Title = название (тема) ролика
• RuTube = ссылка на материал
• Poster = Auto

Открыть на классическом редакторе вкладку «Текст» и вставить созданный шорткод.

3. Для блочного редактора. Выбрать строку, где намереваетесь вставить ролик. В перечне блоков найти Gutenberg OmniVideo. Войти в параметры, найти RuTube и вставить URL с ID вашего видео.

OmniVideo со скидкой

Embed Press — врезка видео в Gutenberg

Embed Press — еще одно популярное расширение для вставки видеоконтента с RuTube в WordPress, которое поддерживает Vimeo, YouTube. Google Docs.

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

Современная версия плагина Embed Press сохранила простоту в использовании. Достаточно войти в редактор контента на WP, поставить курсор в место, куда планируете добавить ролик, найти в Gutenberg блок Embed Press и вписать ссылку в специально предназначенное для этого поле.

Lite Video Embed — бесплатный плагин из репозитория

Lite Video Embed — совершенно бесплатное расширение для WordPress, которое поддерживает сервисы YouTube и RuTube.

Дополнительные блоки Lite Video Embed не добавляет. Он всего лишь преобразует шаблонный URL страниц, на которых размешены видеоролики, в плеер.

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

Bg RuTube Embed — узкоспециализированный плагин

Bg RuTube Embed был специально разработан для российского видеохостинга и работал с уникальным идентификатором UUID.

Еще недавно он успешно встраивал не только ролики, но и объемные плейлисты. Но последние несколько лет расширение не обновляется и, возможно, стало несовместимо с актуальным вариантом Вордпресс — CMS, ядра которого обновляются регулярно.

Advanсed Responsive Video Embed — популярное решение для работы с видео в WordPress

Advanсed Responsive Video Embed (ARVE) — бесплатное расширение WordPress, по утверждению авторов, с почти полным набором нужных функций. Им легко пользоваться благодаря понятному интерфейсу. Кроме того, доступна версия на русском языке.

Существует также платная версия с расширенным функционалом и микроразметкой для видео.

FV Flowplayer — еще один плагин с видеоплеером

FV Flowplayer — бесплатный видеоплеер предназначен для вставки объектов на Вордпресс в формате mp4 или FLV. Базируется на HTML5.

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

Как добавить видеоролик с RuTube без плагина

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

Существует два способа: через классический редактор или блок Gutenberg.

В классическом редакторе

Устанавливать рекомендую по следующему шаблону:

1. Открыть Рутуб и перейти к нужному видео.
2. Нажать кнопку «Поделиться».

3. Чтобы получить код плеера, кликнуть по соответствующей ссылке.

4. Скопировать код.

5. На странице с контентом WordPress выбрать редактирование и вставить код в подходящем месте. Для этого использовать вкладку «Текст» в классическом редакторе Classic Editor.

В редакторе Gutenberg

Алгоритм действий простой и понятный даже новичку:

1. Зайти сначала на видеохостинг.
2. Активировать кнопку «Поделиться».
3. Щелкнуть по ссылке получения кода плеера.
4. Скопировать полученный код.
5. Вставить код в текст WordPress, используя блочный редактор Gutenberg.

Код встраивания ссылок с Рутуб в Вордпресс

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

От вас потребуется сделать следующее: на шаблоне Вордпресс в файл functions.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 в контенте WordPress в полноценный плеер, через который гости сайта смогут смотреть видео.

Подведем итоги

Я рекомендую установить плагин OmniVideo. Он предлагает полный набор опций для встраивания видеоматериалов в WordPress с российского видеохостинга RuTube. Также его выгодно отличает среди аналогов поддержка многих сервисов.

Скидка на OmniVideo