Update index.html

index.html

@@ -707,7 +707,6 @@
     const subtitleTrackElement = document.getElementById('subtitleTrackElement');
     const videoContainer = document.querySelector('.video-container');
     const controls = document.querySelector('.controls');
-    const previewVideo = document.getElementById("previewVideo");
   
     // 初期設定
     video.controls = false;
@@ -716,37 +715,27 @@
     let normalVideoWidth = videoContainer.clientWidth;
     let audioOnlyMode = false;
   
-
-previewVideo.src = video.src;
-previewVideo.preload = "auto";
-
-// プログレスバーのホバーイベントを更新
-progressContainer.addEventListener("mousemove", (e) => {
-  if (!video.duration) return;
-
-  const rect = progressContainer.getBoundingClientRect();
-  const pos = (e.clientX - rect.left) / rect.width;
-  const hoverTimeSec = pos * video.duration;
-
-  // 時間表示
-  const minutes = Math.floor(hoverTimeSec / 60);
-  const seconds = Math.floor(hoverTimeSec % 60).toString().padStart(2, '0');
-  hoverTime.textContent = `${minutes}:${seconds}`;
-  hoverTime.style.display = 'block';
-  hoverTime.style.left = `${e.clientX - rect.left}px`;
-
-  // プレビュー表示
-  previewVideo.currentTime = hoverTimeSec;
-  previewVideo.style.display = "block";
-  previewVideo.style.left = `${e.clientX - 80}px`; // 中央揃え調整
-  previewVideo.style.bottom = "40px"; // プログレスバーの上に表示
-});
-
-progressContainer.addEventListener('mouseleave', () => {
-  hoverTime.style.display = 'none';
-  previewVideo.style.display = 'none';
-});
-
+    // ホバー時の時間表示
+    function setupHoverTime() {
+      progressContainer.addEventListener('mousemove', (e) => {
+        if (!video.duration) return;
+        
+        const rect = progressContainer.getBoundingClientRect();
+        const pos = (e.clientX - rect.left) / rect.width;
+        const time = pos * video.duration;
+        
+        hoverTime.style.display = 'block';
+        hoverTime.style.left = `${e.clientX - rect.left}px`;
+        
+        const minutes = Math.floor(time / 60);
+        const seconds = Math.floor(time % 60).toString().padStart(2, '0');
+        hoverTime.textContent = `${minutes}:${seconds}`;
+      });
+      
+      progressContainer.addEventListener('mouseleave', () => {
+        hoverTime.style.display = 'none';
+      });
+    }
   
     function updatePlaybackRate(value) {
       const speed = parseFloat(value);
@@ -989,12 +978,8 @@ progressContainer.addEventListener('mouseleave', () => {
     document.addEventListener('webkitfullscreenchange', updateSubtitleScaleForFullscreen);
     document.addEventListener('mozfullscreenchange', updateSubtitleScaleForFullscreen);
     document.addEventListener('MSFullscreenChange', updateSubtitleScaleForFullscreen);
-    
-
-// メイン動画のソースをプレビュー用にも設定
-video.addEventListener('loadedmetadata', () => {
-  previewVideo.src = video.src;
-  previewVideo.preload = "auto";
+  
+    video.addEventListener('loadedmetadata', () => {
       updatePlaybackRate(speedRange.value);
       updateVolume(volumeRange.value);
       updateSubtitleSize(subtitleSize.value);