diff --git a/.gitignore b/.gitignore
index 5ef6a52..60f624d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+public/thumbnails
\ No newline at end of file
diff --git a/media.db b/media.db
index e046283..d4866f1 100644
Binary files a/media.db and b/media.db differ
diff --git a/screenshot/image.png b/screenshot/image.png
deleted file mode 100644
index a61f8c2..0000000
Binary files a/screenshot/image.png and /dev/null differ
diff --git a/src/components/inline-video-player.tsx b/src/components/inline-video-player.tsx
index 1571aaf..e2c34c3 100644
--- a/src/components/inline-video-player.tsx
+++ b/src/components/inline-video-player.tsx
@@ -39,6 +39,18 @@ export default function InlineVideoPlayer({ video, isOpen, onClose, scrollPositi
     if (isOpen && videoRef.current) {
       videoRef.current.src = `/api/stream/${video.id}`;
       videoRef.current.load();
+      
+      // Auto-play when video is loaded
+      videoRef.current.addEventListener('loadeddata', () => {
+        if (videoRef.current) {
+          videoRef.current.play().then(() => {
+            setIsPlaying(true);
+          }).catch((error) => {
+            console.log('Auto-play prevented by browser:', error);
+            // Auto-play might be blocked by browser, that's okay
+          });
+        }
+      });
     }
   }, [isOpen, video.id]);