Свежие статьи

Добавляем видео с RuTube в WordPress за секунды

Как автоматически встраивать RuTube-видео в WordPress: Полное руководство

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


Зачем это нужно?

По умолчанию WordPress поддерживает автоматическую вставку видео только для некоторых популярных платформ, таких как YouTube или Vimeo. Однако RuTube не входит в этот список. Это значит, что при добавлении ссылки на RuTube вам приходится вручную генерировать код <iframe> для каждого видео.

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


Как это работает?

Мы будем использовать стандартные функции WordPress: wp_embed_register_handler для регистрации обработчика ссылок и фильтр oembed_result для обработки содержимого записи. Когда пользователь вставляет ссылку вида https://rutube.ru/video/cc581ef473b4a3b42237d29ef5580171/, система автоматически преобразует её в HTML-код с <iframe>.


Инструкция по настройке

Шаг 1: Откройте файл functions.php

Перейдите в админ-панель вашего сайта WordPress, откройте раздел Внешний вид → Редактор тем (или используйте FTP-доступ) и найдите файл functions.php. Именно сюда мы добавим наш код.

Шаг 2: Добавьте следующий код

Скопируйте и вставьте следующий код в конец файла functions.php вашей активной темы:

// Регистрация обработчика для ссылок RuTube
function register_rutube_embed_handler() {
    wp_embed_register_handler(
        'rutube', // Уникальный идентификатор обработчика
        '#https?://(www\.)?rutube\.ru/video/([a-zA-Z0-9]+)/?#i', // Регулярное выражение для поиска ссылок RuTube
        'rutube_embed_handler' // Имя функции-обработчика
    );
}
add_action('init', 'register_rutube_embed_handler');

// Функция-обработчик для преобразования ссылки в iframe-код
function rutube_embed_handler($matches, $attr, $url, $rawattr) {
    // Получаем ID видео из URL (третья группа регулярного выражения)
    $video_id = $matches[2];

    // Формируем HTML-код с iframe для вставки плеера RuTube
    $embed = sprintf(
        '<iframe width="720" height="405" src="https://rutube.ru/play/embed/%s/" frameborder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>',
        esc_attr($video_id)
    );

    return apply_filters('rutube_embed', $embed, $matches, $attr, $url, $rawattr);
}

 


Как пользоваться?

Теперь всё просто! Чтобы добавить видео с RuTube:

  1. Скопируйте ссылку на нужное видео (например: https://rutube.ru/video/cc581ef473b4a3b42237d29ef5580171/).
  2. Вставьте эту ссылку прямо в текстовый редактор записи или страницы.
  3. При публикации записи ссылка автоматически превратится во встроенный плеер.


Преимущества такого подхода

  • Экономия времени: Не нужно вручную копировать и вставлять код <iframe>.
  • Удобство: Достаточно просто добавить ссылку — остальное сделает система.
  • Автоматизация: Код работает «за кадром», упрощая вашу работу.

Заключение

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

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

Узнайте первым о выходе новых статей

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

Друзья, если смог помочь, перечислите 100 рублей на постройку кораблей!

3 комментария к “Добавляем видео с RuTube в WordPress за секунды”

  1. Ильшат

    Добрый день. Спасибо за статью, есть два вопроса:
    1. Адаптивность на мобильных устройствах как то можно выстроить? На мобильниках превью отображается обрезанным при размере 720*405
    2. Для Вк видео не могли бы также указать код

    1. Ярослав Герасимов

      Добрый день. Видео про то как вставить с ВК https://rutube.ru/video/7c1beadd40dbac4c9826b5b67a05874f/?r=wd

      По поводу адаптивности, часто зависит от самой темы. Еесли прям очень важно можно забронировать консультацию https://e-integrate.ru/bronirovanie-konsultatsii-po-skajpu/ в индивидуальном порядке разберемся.

Оставьте комментарий

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

Запись на бесплатное пробное занятие

Вы очень любознательны. Иначе бы не нажали на эту кнопку