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

Многие сталкиваются с необходимостью встроить видео на сайт, но стандартный iframe RuTube может работать нестабильно: на одних сайтах он не открывается, на других нарушает верстку или не подхватывается конструкторами вроде Tilda или Bitrix. Иногда задача состоит в том, чтобы полностью отказаться от YouTube, ускорить загрузку видео или заменить видеохостинг на более удобный встраиваемый формат.

На практике существует несколько способов разместить видео на сайте:

— через HTML-код, используя iframe RuTube;
— через плагины CMS (например, EmbedPress в WordPress);
— через альтернативные embed-плееры, если требуется расширенная функциональность — например, кнопки внутри плеера, формы, аналитика или интеграции.

В этой статье рассмотрены все три подхода: от базового встраивания RuTube через код и плагины до варианта с собственным плеером (на примере QForm), когда необходимо не просто разместить видео, а встроить дополнительные элементы и события.

Попробовать QFORM

Использование HTML-кода

Этот способ заключается в использовании iframe-тега. Для этого выполните следующие шаги:

Откройте RuTube и перейдите на страницу с видео, которое нужно встроить.
Кликните «Поделиться» под плеером и в открывшемся окне нажмите «Код вставки плеера».
Перед копированием кода есть возможность указать дополнительные настройки. Для этого выберите «Показать настройки параметров». Откроется окно, где можно:

Задать размеры видео (ширину и высоту в пикселях).
Указать цвет дорожки и регулятора громкости.
Изменить время начала и конца ролика (при выходе за пределы длины видео появится предупреждение).
Включить показ названия видео (можно также отобразить автора канала).

По завершении настроек кликните «Скопировать» – скрипт с <iframe> будет скопирован.
Вставьте скопированный код в нужное место HTML-разметки вашей страницы.
Сохраните изменения. В результате видеоролик появится на сайте (плеер RuTube отобразится на указанном месте страницы).

Примечание: «Если вам нужно только встроить видео через iframe, используйте код RuTube. Если же требуется добавить к видео дополнительные элементы (например, кнопку или форму), стандартный iframe это не поддерживает — в таких случаях используют сторонние плееры, например, QForm.»

Использование плагина

Если ваш сайт работает на популярной CMS (например, WordPress), можно воспользоваться готовыми плагинами для встраивания RuTube-видео. Один из таких плагинов – EmbedPress. Сделайте следующее:

В админ-панели WordPress перейдите в раздел «Плагины» и нажмите кнопку «Добавить новый»

В поле поиска введите EmbedPress, затем установите и активируйте этот плагин.

Откройте RuTube и перейдите на страницу нужного видео. Скопируйте URL-адрес этого видео из адресной строки браузера (либо нажмите правой кнопкой на видео и выберите «Скопировать ссылку на видео»).

Вернитесь в WordPress и откройте нужную запись (или страницу) в режиме редактирования. Добавьте новый блок: кликните кнопку «+» в верхнем левом углу редактора. В появившемся меню найдите и выберите блок EmbedPress.

В поле блока вставьте скопированный ранее URL-адрес видео RuTube. Нажмите «Вставить» – плагин автоматически загрузит и отобразит превью видео. Обновите запись. После сохранения видео плеер RuTube появится на сайте в указанном месте.

Помимо простого вставления ссылки, плагин EmbedPress также позволяет сгенерировать шорткод для вставки: для этого в админ-панели WordPress откройте EmbedPress → Shortcode, вставьте ссылку на видео и нажмите Generate.

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

Совет: Плагины удобны, если нужно быстро встроить видео без работы с кодом. Однако большинство плагинов передают на страницу всё тот же iframe RuTube, без возможности добавить интерактив, аналитику или кастомное CTA. Если для сайта важна такая функциональность, можно использовать сторонний embed-плеер (например, QForm), который вставляется так же, как шорткод.

Готовое решение: видеовиджет QForm

Если вам нужно более простое, быстрое и настраиваемое решение для вставки видео, стоит обратить внимание на видеовиджет от QForm. С его помощью буквально в два шага можно добавить видео на сайт: сервис QForm генерирует для вашего ролика небольшой скрипт (пару строк кода), который достаточно вставить в страницу – по аналогии с iframe RuTube, но с расширенными возможностями. Такой код совместим с любыми платформами и конструкторами сайтов (Tilda, 1С-Битрикс, WordPress и др.), поэтому интеграция виджета не требует навыков программирования.

Преимущества сервиса QForm:

Призыв к действию внутри видео. В отличие от обычного плеера, QForm позволяет добавить интерактивные элементы прямо в видео. Вы можете встроить кнопку с призывом к действию (CTA) или даже форму заявки, которая появится по ходу ролика. Cмотри пример видео →
Быстрая загрузка и отсутствие рекламы. Видеовиджет QForm хранит контент на надежной CDN и подключается асинхронно, благодаря чему ролик начинает воспроизводиться быстро и не «тормозит» загрузку страницы.
Аналитика и интеграции с CRM. Все взаимодействия с вашим видео фиксируются: QForm отправляет события просмотра, кликов по кнопкам и отправки форм в системы аналитики и CRM.
Гибкие настройки отображения. Вы можете выбрать, как и когда будет появляться видео. Можно настроить автозапуск по событию или запуск сразу при загрузке страницы. Также QForm позволяет брендировать виджет под стиль вашего сайта и выбирать обложку-превью для видео.

Практический эффект. Опыт компаний показывает, что интерактивные видео-виджеты способны значительно увеличить конверсию по сравнению с обычным видео. Например, на одном из сайтов интернет-магазина установили видеовиджет с коротким обращением руководителя и формой для заявки под видео — в итоге конверсия в заявки выросла на 27% всего за первый месяц. В другом случае образовательная платформа разместила приветственное видео с кнопкой «Записаться» — и количество кликов по CTA удвоилось по сравнению с обычным баннером. Эти кейсы подтверждают: когда видео сразу предлагает целевое действие и облегчает путь пользователя (оставить контакты, зарегистрироваться и т.д.), бизнес получает реальный рост показателей.

В заключение: если вам нужно просто встроить видео с RuTube, воспользуйтесь штатным iframe-кодом или CMS-плагином — это решает базовую задачу. Но если вы хотите максимально эффективно использовать видео на сайте — привлечь внимание, собрать заявки и проанализировать поведение пользователей — видеовиджет QForm станет удобным решением. Вы получите видео, которое не только воспроизводится, но и продает: призывает к действию, мгновенно загружается и приносит измеримые результаты.

Понравилась статья? Поделись!!