fix: video 태그 수정해보기

Author: JKyEun

src/routes/mission/$missionId/-components/MissionDetailHeader.tsx

@@ -18,7 +18,7 @@ export default function MissionDetailHeader({
             navigate({ to: "/mission" });
           }
           if (type === "mypage") {
-            navigate({ to: "/mypage" });
+            navigate({ to: "/my" });
           }
         }}
       >

src/routes/mission/$missionId/-components/MissionNotTriedReviewing.tsx

@@ -30,13 +30,22 @@ export default function MissionNotTriedReviewing({
 
         <div className="max-w-[80vw] aspect-[3/4] bg-neutral-800 border-8 border-neutral-100 rounded-[40px] overflow-hidden">
           <video
-            src={videoUrl}
             className="w-full h-full object-cover"
-            controls
             playsInline
-          >
-            <track kind="captions" />
-          </video>
+            muted
+            loop
+            autoPlay
+            src={videoUrl}
+            onClick={(event) => {
+              const video = event.currentTarget as HTMLVideoElement;
+              const isPaused = video.paused;
+              if (isPaused) {
+                void video.play();
+              } else {
+                video.pause();
+              }
+            }}
+          />
         </div>
       </div>