diff --git a/web/backend/api/upload.py b/web/backend/api/upload.py
index 7b0d65a..85b35d1 100644
--- a/web/backend/api/upload.py
+++ b/web/backend/api/upload.py
@@ -14,7 +14,8 @@ router = APIRouter(prefix="/api", tags=["upload"])
 
 ALLOWED_EXTENSIONS = {
     ".mp3", ".flac", ".wav", ".m4a", ".ogg", ".opus",
-    ".aac", ".wma", ".aiff", ".alac", ".ac3"
+    ".aac", ".wma", ".aiff", ".alac", ".ac3",
+    ".mp4", ".mkv", ".webm",
 }
 
 
diff --git a/web/frontend/src/components/UploadZone.tsx b/web/frontend/src/components/UploadZone.tsx
index 62eb5c9..fd9647c 100644
--- a/web/frontend/src/components/UploadZone.tsx
+++ b/web/frontend/src/components/UploadZone.tsx
@@ -7,7 +7,7 @@ import { useOptionsStore } from '../stores/optionsStore'  // NEW
 import { uploadFile, getTaskInfo, getRecommendedFormat } from '../api/client'  // NEW
 import { useTaskStore } from '../stores/taskStore'
 
-const ALLOWED_EXTENSIONS = ['.mp3', '.flac', '.wav', '.m4a', '.ogg', '.opus', '.aac', '.wma', '.aiff', '.alac', '.ac3']
+const ALLOWED_EXTENSIONS = ['.mp3', '.flac', '.wav', '.m4a', '.ogg', '.opus', '.aac', '.wma', '.aiff', '.alac', '.ac3', '.mp4', '.mkv', '.webm']
 
 export const UploadZone: React.FC = () => {
   const {
@@ -96,7 +96,7 @@ export const UploadZone: React.FC = () => {
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
     onDrop,
     accept: {
-      'audio/*': ALLOWED_EXTENSIONS,
+      'media/*': ALLOWED_EXTENSIONS
     },
     multiple: false,
     disabled: isUploading,