Update index.html

index.html

@@ -519,12 +519,7 @@
     </div>
     <div id="ripple-container">
     </div>
-    <!-- フレームプレビュー -->
-    <div class="frame-preview" id="framePreview">
-        <canvas id="canvas" crossorigin="anonymous" id="previewImage">
-        <div class="frame-time" id="frameTime">
-        </div>
-    </div>
+
     <!-- 右クリックメニュー -->
     <div class="context-menu" id="contextMenu">
         <button onclick="togglePlayPause()">再生/一時停止</button>
@@ -593,6 +588,12 @@
             <div class="preview-time" id="previewTime"></div>
         </div>
         <div class="custom-controls">
+              <!-- フレームプレビュー -->
+    <div class="frame-preview" id="framePreview">
+        <canvas id="canvas" crossorigin="anonymous" id="previewImage">
+        <div class="frame-time" id="frameTime">
+        </div>
+    </div>
             <div class="progress-container" id="progressContainer">
                 <div class="progress-bar" id="progressBar">
                 </div>