From fb8b5b90eef9294870067a22c720b819b3ab7b21 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Thu, 31 Jul 2025 13:44:36 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96video=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E4=BD=BF=E7=94=A8source=E5=AD=90=E5=85=83=E7=B4=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

技术改进:
- 将video标签的src属性改为使用source子元素
- 明确指定video/mp4 MIME类型
- 添加浏览器不支持时的fallback文本

优势:
- 更好的浏览器兼容性
- 支持多种视频格式的fallback
- 更符合HTML5标准的最佳实践
- 便于后续扩展支持多种视频格式

代码结构:
- 保持原有的事件处理和样式
- 条件渲染source元素，避免空URL
- 添加用户友好的错误提示文本
---
 apps/desktop/src/components/VideoPreviewModal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/components/VideoPreviewModal.tsx b/apps/desktop/src/components/VideoPreviewModal.tsx
index 03add95..99d77a7 100644
--- a/apps/desktop/src/components/VideoPreviewModal.tsx
+++ b/apps/desktop/src/components/VideoPreviewModal.tsx
@@ -236,7 +236,6 @@ export const VideoPreviewModal: React.FC<VideoPreviewModalProps> = ({
 
           <video
             ref={videoRef}
-            src={videoUrl}
             className="w-full h-full object-contain"
             onLoadedData={handleVideoLoad}
             onError={handleVideoError}
@@ -244,7 +243,12 @@ export const VideoPreviewModal: React.FC<VideoPreviewModalProps> = ({
             onPlay={handlePlay}
             onPause={handlePause}
             controls={false}
-          />
+          >
+            {videoUrl && (
+              <source src={videoUrl} type="video/mp4" />
+            )}
+            您的浏览器不支持视频播放。
+          </video>
 
           {/* 右上角悬浮按钮组 */}
           {!isLoading && !error && (