rutube-player

RutubePlayer JS

Обертка над Rutube Player JSON API.

Установка

npm i rutube-player

Но, можно просто подключить файл к HTML странице:

<script src="https://unpkg.com/rutube-player@1.0.3"></script>

Инициализация

На странице должен находиться контейнер с идентификатом:

<div id="player"></div>

const rt = new Rutube();

rt.Player('player', {
  width: 560,
  height: 315,
  videoId: '6e5e06ad0f3104ae47fb0f69d2198855',
});

Доступные методы

Передаваемые параметры соответствуют официальному Rutube Player JSON API

Название	Параметры	Описание
play	-	Начать проигрывание видео
pause	-	Поставить видео на паузу
stop	-	Закончить цикл проигрывания
seekTo	{ time: 20 }	Переход к определенной секунде видео
changeVideo	{ id: "videoId" }	Загрузить в плеер другое видео
unMute	-	Включение звука
mute	-	Выключение звука

Публичный API

Возможность подписаться на событие состояния плеера и вызвать пользовательскую функцию:

{
  /* ... */
  "videoId": "6e5e06ad0f3104ae47fb0f69d2198855",
  "events": {
    "onReady": "onPlayerReady",
    "onStateChange": "onPlayerStateChange"
  }
}

function onPlayerReady() {
  console.log('Плеер загружен.');
}

function onPlayerStateChange(event) {
  if (event.playerState.PLAYING) {
    rt.seekTo({ time: 80 }); // Переход к определенной секунде видео
  }
}