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