diff --git a/src/components/VideoPlayerWithChapters.tsx b/src/components/VideoPlayerWithChapters.tsx
index 2557fab..b4eb651 100644
--- a/src/components/VideoPlayerWithChapters.tsx
+++ b/src/components/VideoPlayerWithChapters.tsx
@@ -210,32 +210,51 @@ export const VideoPlayerWithChapters = forwardRef<VideoPlayerRef, VideoPlayerWit
 
   return (
     <div className={`relative ${className}`} style={{ paddingBottom: '56.25%', height: 0 }}>
-      <style>
-        {`
-          .youtube-iframe-overlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            pointer-events: none;
-            z-index: 10;
-          }
-        `}
-      </style>
       {youtubeId && (
         <>
           <iframe
             ref={iframeRef}
             id={`youtube-${youtubeId}-${Math.random().toString(36).substr(2, 9)}`}
-            src={`https://www.youtube-nocookie.com/embed/${youtubeId}?rel=0&modestbranding=1&iv_load_policy=3&showinfo=0&controls=1&enablejsapi=1&widgetid=1`}
+            src={`https://www.youtube-nocookie.com/embed/${youtubeId}?rel=0&modestbranding=1&iv_load_policy=3&showinfo=0&controls=0&disablekb=1&fs=1&enablejsapi=1&widgetid=1&playerapiid=${youtubeId}`}
             title="YouTube video player"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
             allowFullScreen
             className="absolute top-0 left-0 w-full h-full rounded-lg"
           />
-          {/* Transparent overlay to prevent right-click and URL copying */}
-          <div className="youtube-iframe-overlay" onContextMenu={(e) => e.preventDefault()} />
+          {/* Block top overlay (Watch on YouTube button, title) */}
+          <div
+            className="absolute left-0 right-0 rounded-t-lg"
+            style={{
+              top: 0,
+              height: '60px',
+              background: 'transparent',
+              zIndex: 20,
+              pointerEvents: 'none'
+            }}
+          />
+          {/* Block YouTube logo area (bottom right) */}
+          <div
+            className="absolute rounded-lg"
+            style={{
+              bottom: '50px',
+              right: 0,
+              width: '80px',
+              height: '30px',
+              background: 'transparent',
+              zIndex: 20,
+              pointerEvents: 'none'
+            }}
+          />
+          {/* Block right-click context menu */}
+          <div
+            className="absolute top-0 left-0 w-full h-full rounded-lg"
+            onContextMenu={(e) => e.preventDefault()}
+            style={{
+              zIndex: 30,
+              pointerEvents: 'auto',
+              background: 'transparent'
+            }}
+          />
         </>
       )}
     </div>