// Mise à jour de la progression video.addEventListener('timeupdate', () => { const progress = (video.currentTime / video.duration) * 100; progressFill.style.width = progress + '%'; currentTimeEl.textContent = formatTime(video.currentTime); });

// Durée chargée video.addEventListener('loadedmetadata', () => { durationEl.textContent = formatTime(video.duration); });

// Clic sur la barre de progression progressBar.addEventListener('click', (e) => { const rect = progressBar.getBoundingClientRect(); const percent = (e.clientX - rect.left) / rect.width; video.currentTime = percent * video.duration; });

// Glissement sur la barre de progression let isDragging = false; progressBar.addEventListener('mousedown', () => isDragging = true); document.addEventListener('mouseup', () => isDragging = false); document.addEventListener('mousemove', (e) => { if (isDragging) { const rect = progressBar.getBoundingClientRect(); const percent = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width)); video.currentTime = percent * video.duration; } });

// Volume volumeSlider.addEventListener('input', (e) => { video.volume = e.target.value / 100; updateVolumeIcon(); });

volumeBtn.addEventListener('click', () => { if (video.volume > 0) { video.dataset.prevVolume = video.volume; video.volume = 0; volumeSlider.value = 0; } else { video.volume = video.dataset.prevVolume || 0.7; volumeSlider.value = video.volume * 100; } updateVolumeIcon(); });

function updateVolumeIcon() { if (video.volume === 0) { volumeBtn.textContent = '🔇'; } else if (video.volume < 0.5) { volumeBtn.textContent = '🔉'; } else { volumeBtn.textContent = '🔊'; } }// Fullscreen fullscreenBtn.addEventListener('click', () => { if (document.fullscreenElement) { document.exitFullscreen(); fullscreenBtn.textContent = '⛶'; } else { document.querySelector('.video-wrapper').requestFullscreen(); fullscreenBtn.textContent = '⛶'; } });

// Fin de la vidéo video.addEventListener('ended', () => { playBtn.textContent = '▶️'; });

// Initialisation video.volume = 0.7; createStars(); createSnowflakes(); createFloatingDecorations();