diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 91ec3b3..9a7e141 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -410,6 +410,7 @@ export default function VideoPage() {
               onTouchStart={handleTouchStart}
               onTouchMove={handleTouchMove}
               onTouchEnd={handleTouchEnd}
+              style={{ touchAction: 'pan-y pinch-zoom' }}
             >
               {/* Navigation arrows - hidden on mobile, visible on desktop */}
               {allVideos.length > 1 && (
@@ -440,6 +441,17 @@ export default function VideoPage() {
                   </Button>
                 </>
               )}
+              {/* Touch overlay for mobile swipe detection */}
+              <div 
+                className="absolute inset-0 w-full h-full z-10 md:hidden"
+                onTouchStart={handleTouchStart}
+                onTouchMove={handleTouchMove}
+                onTouchEnd={handleTouchEnd}
+                style={{ 
+                  pointerEvents: 'auto',
+                  touchAction: 'none'
+                }}
+              />
               {currentVideo.videoUrlIframe ? (
                 <iframe
                   src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`}