From a658dbf38df044d8b758f5d552bc4914a999a7a4 Mon Sep 17 00:00:00 2001
From: Madina <zakanbaevamadina27@gmail.com>
Date: Mon, 10 Aug 2026 09:51:04 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=BE=D1=82=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D1=8F=20=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=BE=20=D0=BD=D0=B0=20YouTube=20=D0=B5=D1=81?=
 =?UTF-8?q?=D0=BB=D0=B8=20iframe=20=D0=BD=D0=B5=20=D1=80=D0=B0=D0=B1=D0=BE?=
 =?UTF-8?q?=D1=82=D0=B0=D0=B5=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 542ef37..7c467b1 100644
--- a/index.html
+++ b/index.html
@@ -710,8 +710,14 @@
     
     function openVideo(id) {
       const ex = exercises.find(e => e.id === id);
+      const videoUrl = ex.video.replace('/embed/', '/watch?v=');
       document.getElementById('modal-title').textContent = ex.name;
-      document.getElementById('modal-video').innerHTML = '<iframe width="100%" height="400" src="' + ex.video + '" frameborder="0" allowfullscreen style="border-radius:12px;"></iframe>';
+      document.getElementById('modal-video').innerHTML = 
+        '<div style="text-align:center;">' +
+        '<iframe width="100%" height="400" src="' + ex.video + '?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="border-radius:12px;"></iframe>' +
+        '<p style="margin-top:15px; font-size:14px; opacity:0.8;">Если видео не загружается, открой на YouTube:</p>' +
+        '<a href="' + videoUrl + '" target="_blank" style="display:inline-block; margin-top:10px; padding:12px 24px; background:linear-gradient(135deg, #00d9ff, #00ff88); color:#1a1a2e; text-decoration:none; border-radius:30px; font-weight:600;">▶ Открыть на YouTube</a>' +
+        '</div>';
       document.getElementById('modal-desc').textContent = ex.desc;
       document.getElementById('video-modal').classList.add('active');
     }