Круглый видео-виджет

Как кружочки в Telegram с контролами и круговой перемоткой

Размер 200px

Контролы скрываются через 3 секунды
Наведите мышь для их повторного показа
Кликните на иконку звука сверху для включения/выключения

Размер 250px

Более толстый прогресс-бар

Размер 150px

Компактная версия

Размер 300px

Большая версия

Использование

📹 Воспроизведение:

Нажмите на кнопку Play/Pause в центре круга (показывается только активная иконка). Контролы автоматически скрываются через 3 секунды воспроизведения и появляются при наведении мыши

🔊 Звук:

Кликните на иконку звука сверху круга для включения/выключения. По умолчанию видео без звука

📊 Прогресс:

Белый круговой индикатор появляется при наведении и показывает прогресс воспроизведения

Пример кода:

<AppCircleVideo
  src="your-video.mp4"
  :size="200"
  :stroke-width="4"
/>