// Fullscreen fullscreenBtn.addEventListener('click', () => if (!document.fullscreenElement) document.querySelector('.player-container').requestFullscreen(); else document.exitFullscreen();
.progress-bar width: 0%; height: 100%; background: #f00; border-radius: 5px;
button, select background: #333; border: none; color: white; padding: 6px 12px; border-radius: 30px; cursor: pointer; font-size: 1rem; transition: 0.2s; youtube html5 video player codepen
#timeDisplay font-size: 0.85rem; font-family: monospace;
video width: 100%; display: block; cursor: pointer; // Fullscreen fullscreenBtn
playPauseBtn.addEventListener('click', togglePlay); video.addEventListener('click', togglePlay);
);
body background: #0a0a0a; display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: system-ui, 'Segoe UI', sans-serif;