Как автоматически встраивать 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:
- Скопируйте ссылку на нужное видео (например:
https://rutube.ru/video/cc581ef473b4a3b42237d29ef5580171/). - Вставьте эту ссылку прямо в текстовый редактор записи или страницы.
- При публикации записи ссылка автоматически превратится во встроенный плеер.
Преимущества такого подхода
- Экономия времени: Не нужно вручную копировать и вставлять код
<iframe>. - Удобство: Достаточно просто добавить ссылку — остальное сделает система.
- Автоматизация: Код работает «за кадром», упрощая вашу работу.
Заключение
Теперь вы знаете, как легко настроить автоматическую вставку RuTube-видео в WordPress! Этот простой трюк поможет вам быстрее работать с контентом и улучшит взаимодействие пользователей с вашим сайтом.
Если у вас возникли вопросы или вы хотите узнать больше о настройке WordPress — пишите в комментариях! 😊
4 комментария к “Добавляем видео с RuTube в WordPress за секунды”
Через элементор будет работать? Или как сделать через элементор
Добрый день. Спасибо за статью, есть два вопроса:
1. Адаптивность на мобильных устройствах как то можно выстроить? На мобильниках превью отображается обрезанным при размере 720*405
2. Для Вк видео не могли бы также указать код
Добрый день. Видео про то как вставить с ВК https://rutube.ru/video/7c1beadd40dbac4c9826b5b67a05874f/?r=wd
По поводу адаптивности, часто зависит от самой темы. Еесли прям очень важно можно забронировать консультацию https://e-integrate.ru/bronirovanie-konsultatsii-po-skajpu/ в индивидуальном порядке разберемся.
Благодарю!
Действительно, быстро и удобно,