React Player

React Player — компонент для воспроизведения видео. Он анализирует переданную ссылку и автоматически выбирает подходящий плеер. Если ссылка не поддерживается, используется стандартный HTML-тег <video>.

Поддерживаемые плееры

• YouTube — ссылка берётся через кнопку «Поделиться»;
• RuTube — ссылка берётся из атрибута src тега <iframe>, доступного в коде вставки при выборе «Поделиться»;
• VK — используется прямая ссылка на видео.

Превью

Можно указать изображение-превью, которое будет отображаться до загрузки плеера.

Стили

Импорт из /dist/react-player.css

Пропсы

• preview - ссылка на изображение, необязательно
• url - ссылка на видео, обязательный

type TPlayer = {
  preview?: {
    src: string;
    alt: string;
  };
  url: string;
}