diff --git a/frontend/app/components/Spots/SpotPlayer/components/SpotPlayerHeader.tsx b/frontend/app/components/Spots/SpotPlayer/components/SpotPlayerHeader.tsx
index e46a5547b..0dd1703d4 100644
--- a/frontend/app/components/Spots/SpotPlayer/components/SpotPlayerHeader.tsx
+++ b/frontend/app/components/Spots/SpotPlayer/components/SpotPlayerHeader.tsx
@@ -85,7 +85,7 @@ function SpotPlayerHeader({
   const onMenuClick = async ({ key }: { key: string }) => {
     if (key === '1') {
       const { url } = await spotStore.getVideo(spotStore.currentSpot!.spotId);
-      await downloadFile(url, `${spotStore.currentSpot!.title}.webm`);
+      await downloadFile(url, `${spotStore.currentSpot!.title}.mp4`);
     } else if (key === '2') {
       spotStore.deleteSpot([spotStore.currentSpot!.spotId]).then(() => {
         history.push(spotsList());
diff --git a/frontend/app/components/Spots/SpotsList/SpotListItem.tsx b/frontend/app/components/Spots/SpotsList/SpotListItem.tsx
index 381453b87..90ee4a17f 100644
--- a/frontend/app/components/Spots/SpotsList/SpotListItem.tsx
+++ b/frontend/app/components/Spots/SpotsList/SpotListItem.tsx
@@ -79,7 +79,7 @@ function SpotListItem({
         return setIsEdit(true);
       case 'download':
         const { url } = await onVideo(spot.spotId);
-        await downloadFile(url, `${spot.title}.webm`);
+        await downloadFile(url, `${spot.title}.mp4`);
         return;
       case 'copy':
         copy(
diff --git a/spot/entrypoints/background.ts b/spot/entrypoints/background.ts
index 197d932be..9257cf413 100644
--- a/spot/entrypoints/background.ts
+++ b/spot/entrypoints/background.ts
@@ -896,7 +896,7 @@ export default defineBackground(() => {
                   const vPromise = fetch(videoURL, {
                     method: "PUT",
                     headers: {
-                      "Content-Type": "video/webm",
+                      "Content-Type": "video/mp4",
                     },
                     body: blob,
                   });
@@ -1035,7 +1035,7 @@ export default defineBackground(() => {
     }
   }
 
-  function base64ToBlob(base64: string, mimeType = "video/webm") {
+  function base64ToBlob(base64: string, mimeType = "video/mp4") {
     const binaryString = atob(base64.split(",")[1]);
     const byteNumbers = new Array(binaryString.length);
     for (let i = 0; i < binaryString.length; i++) {
diff --git a/spot/entrypoints/content/SavingControls.tsx b/spot/entrypoints/content/SavingControls.tsx
index 1576eaeb6..8a11134dd 100644
--- a/spot/entrypoints/content/SavingControls.tsx
+++ b/spot/entrypoints/content/SavingControls.tsx
@@ -30,7 +30,7 @@ const base64ToBlob = (base64: string) => {
   for (let i = 0; i < byteString.length; i++) {
     ia[i] = byteString.charCodeAt(i);
   }
-  return new Blob([ab], { type: "video/webm" });
+  return new Blob([ab], { type: "video/mp4" });
 };
 
 function SavingControls({