From e2f29fc6bd4b4bcf318c6bce3ac3f527cb64c879 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <igor_26reg@mail.ru>
Date: Fri, 28 Nov 2025 08:10:19 +0300
Subject: [PATCH] =?UTF-8?q?Fix:=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B0=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE=20=D0=B2=20=D1=87?=
 =?UTF-8?q?=D0=B0=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Добавлен атрибут preload='metadata' для video элементов
- Добавлен текст-заглушка 'Ваш браузер не поддерживает видео'
- Добавлена принудительная загрузка video.load() после добавления в DOM
- Исправлено как в шаблоне, так и в JavaScript для WebSocket сообщений

Теперь видео загружается сразу после отправки без перезагрузки страницы
---
 .../static/js/components/chatMessageTemplates.js    | 13 ++++++++++++-
 backend/templates/communications/chat_detail.html   |  3 ++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/backend/static/js/components/chatMessageTemplates.js b/backend/static/js/components/chatMessageTemplates.js
index e27f7623..85a9e990 100644
--- a/backend/static/js/components/chatMessageTemplates.js
+++ b/backend/static/js/components/chatMessageTemplates.js
@@ -176,8 +176,9 @@ export function createMessageElement(msg, options = {}) {
           <div class="small text-secondary">${esc(att.file_name)}</div>`;
       } else if (att.file_type === 'video') {
         attachmentsHTML += `
-          <video controls class="w-100" style="max-width: 400px;">
+          <video controls preload="metadata" class="w-100" style="max-width: 400px;">
             <source src="${att.file_url}" type="${att.mime_type}">
+            Ваш браузер не поддерживает видео.
           </video>
           <div class="small text-secondary">${esc(att.file_name)}</div>`;
       } else {
@@ -222,5 +223,15 @@ export function createMessageElement(msg, options = {}) {
     wrap.innerHTML = `${bubble}<a class="ms-2 text-decoration-none" href="${profileUrl}">${ava}</a>`;
   }
 
+  // Принудительно загружаем видео после добавления в DOM
+  if (msg.has_attachments && msg.attachments && msg.attachments.length > 0) {
+    setTimeout(() => {
+      const videos = wrap.querySelectorAll('video');
+      videos.forEach(video => {
+        video.load();
+      });
+    }, 100);
+  }
+
   return wrap;
 }
diff --git a/backend/templates/communications/chat_detail.html b/backend/templates/communications/chat_detail.html
index ec6ceb92..0e2d17b8 100644
--- a/backend/templates/communications/chat_detail.html
+++ b/backend/templates/communications/chat_detail.html
@@ -107,8 +107,9 @@
                               </audio>
                               <div class="small text-secondary">{{ attachment.file_name }}</div>
                             {% elif attachment.file_type == 'video' %}
-                              <video controls class="w-100" style="max-width: 400px;">
+                              <video controls preload="metadata" class="w-100" style="max-width: 400px;">
                                 <source src="{{ attachment.file.url }}" type="{{ attachment.mime_type }}">
+                                Ваш браузер не поддерживает видео.
                               </video>
                               <div class="small text-secondary">{{ attachment.file_name }}</div>
                             {% else %}