v1.0.0 Release

Кастомный плеер для видео с Rutube

Профессиональная JS-обертка для интеграции видео. Без лишних ссылок, с блокировкой рекламы и API управлением.

Живое демо

Адаптивный дизайн и автоматическое качество

Стандартный вид

Почему стоит выбрать Custom Player?

Стандартный iframe от Rutube часто тормозит сайт, уводит пользователей на чужие видео и плохо настраивается. Мы решили эти проблемы.

  • Нулевая нагрузка (Lazy Load)
    Видео загружается только при клике. Любое количество видео на одной странице. PageSpeed не падает.
  • Удержание аудитории
    Заблокированы переходы на Rutube и клики по рекламе.
  • API управления
    JS-методы: play(), pause(), volume, seek и события.
Всегда 16:9

Автоматическая коррекция соотношения сторон. Никаких черных полос и "сплющенных" видео.

100% Адаптив

Идеально работает на мобильных устройствах. Поддержка свайпов и тач-жестов.

Безопасность

Код обфусцирован и защищен. Никаких сторонних трекеров.

Скорость

Всего 15KB. Не требует jQuery или тяжелых библиотек.

Быстрый старт

Подключение за 1 минуту

1. Подключите файлы (CSS и JS)
<link rel="stylesheet" href="rutube-player.min.css"> <script src="rutube-player.min.js" defer></script>
2. Вставьте HTML код

Просто вставьте div с классом rutube-player.
В data-video укажите ID видео или полную ссылку скопировав ее с адресной строки страницы на Rutube.

<div class="rutube-player" data-video="fb1607148dc717eb3e7c116624165ea5"></div>

Нужна кастомизация?

Закажите доработку плеера под ваш дизайн.