From 1fe7a65667690e6896c671da952d64f9f7d404ed Mon Sep 17 00:00:00 2001
From: CN-JS-HuiBai <huyang@littlediary.cn>
Date: Sat, 4 Apr 2026 00:45:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=BA=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=B5=8F=E8=A7=88=E5=99=A8=E9=BB=98=E8=AE=A4=E6=8E=A7=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 49 ++---------------------------------------------
 public/js/main.js | 12 +-----------
 2 files changed, 3 insertions(+), 58 deletions(-)

diff --git a/public/index.html b/public/index.html
index c7f0504..4a5e93d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -115,58 +115,13 @@
                             </div>
                         </div>
                     </div>
-                    <video id="video-player" preload="auto" class="hidden"></video>
+                    <video id="video-player" controls preload="auto" class="hidden"></video>
                     <div id="seeking-overlay" class="seeking-overlay hidden">
                         <div class="spinner"></div>
                         <span>跳转中...</span>
                     </div>
                 </div>
-                <div id="custom-controls" class="custom-controls hidden">
-                    <div class="controls-left">
-                        <button id="control-play-toggle" class="control-btn icon-btn" type="button" aria-label="Play">></button>
-                        <div id="playback-status" class="playback-status paused">
-                            <span class="status-dot"></span>
-                            <span id="playback-status-text">Paused</span>
-                        </div>
-                        <div class="control-popover volume-popover">
-                            <button id="control-mute-toggle" class="control-btn icon-btn" type="button" aria-label="Mute">o</button>
-                            <div class="popover-panel">
-                                <div class="volume-control">
-                                    <input id="volume-slider" class="volume-slider" type="range" min="0" max="1" step="0.05" value="1" />
-                                    <span id="volume-value" class="volume-value">100%</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div id="custom-seek-container" class="control-seek hidden">
-                        <span id="seek-current-time" class="control-time">00:00:00</span>
-                        <div id="seek-bar" class="seek-bar">
-                            <div id="seek-bar-transcode" class="seek-bar-transcode"></div>
-                            <div id="seek-bar-progress" class="seek-bar-progress"></div>
-                            <div id="seek-bar-handle" class="seek-bar-handle"></div>
-                        </div>
-                        <span id="seek-total-time" class="control-time">00:00:00</span>
-                    </div>
-                    <div class="controls-right">
-                        <div class="control-popover speed-popover">
-                            <button id="control-speed-toggle" class="control-btn" type="button" aria-label="Playback Speed">1x</button>
-                            <div class="popover-panel">
-                                <label class="speed-control" for="playback-speed">
-                                    <span>Speed</span>
-                                    <select id="playback-speed" class="speed-select">
-                                        <option value="0.5">0.5x</option>
-                                        <option value="0.75">0.75x</option>
-                                        <option value="1" selected>1x</option>
-                                        <option value="1.25">1.25x</option>
-                                        <option value="1.5">1.5x</option>
-                                        <option value="2">2x</option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <button id="control-fullscreen-toggle" class="control-btn icon-btn square-btn" type="button" aria-label="Fullscreen">[]</button>
-                    </div>
-                </div>
+
                 <div id="now-playing" class="now-playing hidden">
                     <h3>Now Playing</h3>
                     <p id="current-video-title">video.mp4</p>
diff --git a/public/js/main.js b/public/js/main.js
index 2a907a8..47a8283 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -86,7 +86,7 @@ document.addEventListener('DOMContentLoaded', () => {
     let defaultEncoder = 'software';
 
     if (videoPlayer) {
-        videoPlayer.controls = false;
+        videoPlayer.controls = true;
     }
     if (playbackSpeed) {
         videoPlayer.playbackRate = parseFloat(playbackSpeed.value) || 1;
@@ -436,16 +436,6 @@ document.addEventListener('DOMContentLoaded', () => {
     });
     videoPlayer.addEventListener('volumechange', updateVolumeControls);
 
-    videoPlayer.addEventListener('click', () => {
-        if (!isStreamActive) return;
-
-        if (videoPlayer.paused) {
-            videoPlayer.play().catch(() => {});
-            return;
-        }
-
-        videoPlayer.pause();
-    });
 
     // Browsers usually cannot seek inside a live fragmented MP4 stream.
     // When the user drags the native video controls, remap that action to our server-side seek flow.