Pure Rutube

Pure Rutube — это мощный и легкий плагин для WordPress, который позволяет стильно отображать ваши видео и плейлисты из Rutube прямо на страницах вашего сайта. Создайте профессиональную видеогалерею всего за несколько кликов с помощью современных инструментов и плоского дизайна.

Принцип работы плагина Pure Rutube можно разделить на четыре основных этапа: от настройки в админке до интерактивного отображения видео пользователю.

1. Управление в админ-панели (Backend)

В специальном разделе меню Rutube вы регистрируете свои плейлисты.

• Для каждого плейлиста вы указываете его уникальный Playlist ID (с сайта Rutube), человекопонятное название и лимиты (сколько видео загружать за один раз).
• Плагин автоматически генерирует для каждой записи уникальный идентификатор (например, pl_abc123) и соответствующий ему шорткод.
• Все настройки сохраняются в базе данных WordPress (wp_options).

2. Получение данных и кэширование (API & Caching)

Когда вы вставляете шорткод [pure_rutube_playlist id="..."] на страницу:

• Плагин считывает ID плейлиста и делает запрос к официальному API Rutube (https://rutube.ru/api/playlist/custom/.../videos/).
• Кэширование (Transients API): Чтобы сайт не тормозил и не делал запросы к Rutube при каждом просмотре страницы, плагин сохраняет результат запроса во временное хранилище (кэш) на 1 час. Это значительно ускоряет работу сайта.

3. Рендеринг и верстка (Frontend)

Получив данные (заголовки, ссылки на обложки, длительность видео), плагин формирует HTML-код:

• Умная сетка: С помощью CSS Grid создается адаптивный макет. Если вы ограничили вывод 3 видео, сетка сама поймет, что нужно создать 3 колонки. Если видео больше 4, они будут переноситься на новые строки.
• Безопасность: Все данные проходят очистку (esc_attr, esc_url), чтобы исключить уязвимости.

4. Интерактивность и плеер (JavaScript)

За динамику отвечают скрипты в файле script.js:

• Лайтбокс (Модальное окно): При клике на карточку видео плагин не перенаправляет пользователя на другой сайт. Вместо этого он создает iframe с официальным плеером Rutube и открывает его в стильном всплывающем окне поверх всего сайта.
• AJAX-пагинация: Если включена функция «Загрузить ещё», кнопка отправляет асинхронный запрос к серверу. Плагин подгружает следующую порцию видео из API и "дорисовывает" их в сетку без перезагрузки страницы.

Итог: Плагин связывает базу данных WordPress с внешним API Rutube, упаковывая всё это в современный адаптивный интерфейс с кэшированием для быстрой работы.