Enhance cursor visibility in video overlay during inactivity

This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 09:47:40 +02:00
parent e880a93dcb
commit d2c1384a92

View File

@ -158,9 +158,11 @@
let inactivityTimer; let inactivityTimer;
function showButtonAndResetTimer() { function showButtonAndResetTimer() {
backButton.removeClass('button-hidden'); backButton.removeClass('button-hidden');
overlayContainer.css('cursor', 'default'); // Show cursor
clearTimeout(inactivityTimer); clearTimeout(inactivityTimer);
inactivityTimer = setTimeout(function() { inactivityTimer = setTimeout(function() {
backButton.addClass('button-hidden'); backButton.addClass('button-hidden');
overlayContainer.css('cursor', 'none'); // Hide cursor
}, 3000); // 3 seconds }, 3000); // 3 seconds
} }
@ -186,6 +188,9 @@
videoElement.pause(); videoElement.pause();
} }
clearTimeout(inactivityTimer); // Clear inactivity timer clearTimeout(inactivityTimer); // Clear inactivity timer
if (overlayContainer) { // Ensure overlayContainer exists before trying to modify it
overlayContainer.css('cursor', 'default'); // Always reset cursor on exit
}
// Exit fullscreen if active // Exit fullscreen if active
if (document.fullscreenElement || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement) { if (document.fullscreenElement || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement) {
if (document.exitFullscreen) { if (document.exitFullscreen) {