feat: Implement control visibility toggle on shortcut key press in CustomVideoPlayer

2026-08-15 00:33:44 +08:00 · 2025-11-17 22:38:53 +08:00
parent 6e0a3e26fe
commit 13fa6b672e
1 changed files with 10 additions and 0 deletions
@@ -418,6 +418,16 @@ export function CustomVideoPlayer({
      const shortcuts = [' ', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'f', 'F', 'm', 'M', 'i', 'I', '<', '>', ',', '.'];
      if (shortcuts.includes(e.key)) {
        e.preventDefault();
+        
+        // Show controls when any shortcut key is pressed
+        setShowControls(true);
+        if (controlsTimeoutRef.current) {
+          clearTimeout(controlsTimeoutRef.current);
+        }
+        // Hide controls after 3 seconds if video is playing
+        if (isPlaying) {
+          controlsTimeoutRef.current = setTimeout(() => setShowControls(false), 3000);
+        }
      }

      switch (e.key) {