document.addEventListener('DOMContentLoaded', () => {
  const mini = document.getElementById('miniPlayer');
  const modal = document.getElementById('videoModal');
  const expandBtn = mini.querySelector('.expand-btn');
  const closeMini = mini.querySelector('.close-btn');
  const modalClose = modal.querySelector('.modal-close');

  // Развернуть видео
  expandBtn.addEventListener('click', () => {
    modal.style.display = 'flex';
    // Можно раскомментировать, если хотите включить звук в полном экране:
    // modal.querySelector('video').muted = false;
  });

  // Закрыть модальное окно
  modalClose.addEventListener('click', () => {
    modal.style.display = 'none';
  });

  modal.addEventListener('click', e => {
    if (e.target === modal) modal.style.display = 'none';
  });

  // Полностью скрыть мини-плеер
  closeMini.addEventListener('click', () => {
    mini.style.display = 'none';
  });

  // Запускаем видео в мини-окне (на всякий случай)
  const miniVideo = mini.querySelector('video');
  miniVideo.play().catch(() => {
    // Автозапуск заблокирован → почти всегда так в Chrome при первом посещении
    console.log("Автозапуск заблокирован браузером");
  });
});