35 lines
1.4 KiB
JavaScript
35 lines
1.4 KiB
JavaScript
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("Автозапуск заблокирован браузером");
|
|
});
|
|
}); |