Update index.html

index.html

@@ -520,14 +520,6 @@
     <div id="ripple-container">
     </div>
 
-    <!-- 右クリックメニュー -->
-    <div class="context-menu" id="contextMenu">
-        <button onclick="togglePlayPause()">再生/一時停止</button>
-        <button onclick="toggleMute()">ミュート切り替え</button>
-        <button onclick="toggleSubtitles()">字幕表示切り替え</button>
-        <button onclick="toggleAudioOnlyMode()">音声/字幕のみモード</button>
-        <button onclick="goFullscreen()">全画面表示</button>
-    </div>
     <!-- 音声/字幕のみモード表示 -->
     <div class="audio-only-mode" id="audioOnlyModeIndicator">音声/字幕のみモード</div>
     <h1>ラジオ体操動画プレイヤー
@@ -588,6 +580,14 @@
             <div class="preview-time" id="previewTime"></div>
         </div>
         <div class="custom-controls">
+              <!-- 右クリックメニュー -->
+    <div class="context-menu" id="contextMenu">
+        <button onclick="togglePlayPause()">再生/一時停止</button>
+        <button onclick="toggleMute()">ミュート切り替え</button>
+        <button onclick="toggleSubtitles()">字幕表示切り替え</button>
+        <button onclick="toggleAudioOnlyMode()">音声/字幕のみモード</button>
+        <button onclick="goFullscreen()">全画面表示</button>
+    </div>
               <!-- フレームプレビュー -->
     <div class="frame-preview" id="framePreview">
         <canvas id="canvas" crossorigin="anonymous" id="previewImage">