diff --git a/frontend/src/app/recorded/mp4/page.tsx b/frontend/src/app/recorded/mp4/page.tsx
index ebe5a8f..bc9b8db 100644
--- a/frontend/src/app/recorded/mp4/page.tsx
+++ b/frontend/src/app/recorded/mp4/page.tsx
@@ -49,7 +49,7 @@ export default function SearchPage() {
       </AppBar>
       <main className={styles.main}>
         <VideoPlayer
-          src={"/encoded/" + mp4Path}
+          src={"/encoded/" + encodeURIComponent(decodeURIComponent(mp4Path))}
           controls={true}
           loop={false}
           volume={0.6}