Update index.html

index.html

@@ -69,24 +69,21 @@
     video.playbackRate = speed;
   }
 
-  // スライダーと数値入力の連携（input + change の両方に対応）
-  speedRange.addEventListener('input', () => {
-    updatePlaybackRate(speedRange.value);
-  });
-  speedRange.addEventListener('change', () => {
-    updatePlaybackRate(speedRange.value);
+  // スライダーイベント（input、change、mouseup すべて対応）
+  ['input', 'change', 'mouseup'].forEach(eventName => {
+    speedRange.addEventListener(eventName, () => {
+      updatePlaybackRate(speedRange.value);
+    });
   });
 
   speedInput.addEventListener('input', () => {
     updatePlaybackRate(speedInput.value);
   });
 
-  // ループ切り替え
   loopCheckbox.addEventListener('change', () => {
     video.loop = loopCheckbox.checked;
   });
 
-  // 全画面表示
   function goFullscreen() {
     if (video.requestFullscreen) {
       video.requestFullscreen();
@@ -97,13 +94,10 @@
     }
   }
 
-  // 動画のメタデータ読み込み完了後に設定を適用
   video.addEventListener('loadedmetadata', () => {
     updatePlaybackRate(speedRange.value);
     video.loop = loopCheckbox.checked;
   });
 </script>
-
-
 </body>
 </html>