Merge branch 'master' of ssh://gitea.bowongai.com:222/bowong/mxivideo

src/components/VideoPlayer.tsx

@@ -25,6 +25,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({
   const [videoSrc, setVideoSrc] = useState<string>('')
   const [fileExists, setFileExists] = useState<boolean>(true)
   const [errorMessage, setErrorMessage] = useState<string>('')
+  const [loadingMethod, setLoadingMethod] = useState<'convertFileSrc' | 'dataUrl'>('convertFileSrc')
 
   useEffect(() => {
     const checkFileAndSetSrc = async () => {
@@ -268,7 +269,16 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({
                 <AlertCircle size={64} className="mx-auto mb-4 text-red-400" />
                 <h3 className="text-xl font-medium mb-2">视频加载失败</h3>
                 <p className="text-gray-300 mb-4">{errorMessage}</p>
-                <p className="text-sm text-gray-400">文件路径: {videoPath}</p>
+                <p className="text-sm text-gray-400 mb-4">文件路径: {videoPath}</p>
+                <p className="text-xs text-gray-500 mb-4">当前加载方法: {loadingMethod}</p>
+                {loadingMethod === 'convertFileSrc' && (
+                  <button
+                    onClick={tryDataUrlMethod}
+                    className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+                  >
+                    尝试备用加载方法
+                  </button>
+                )}
               </div>
             </div>
           ) : (
@@ -277,14 +287,15 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({
               src={videoSrc}
               className="w-full h-auto max-h-[70vh]"
               onClick={handlePlayPause}
-              onError={(e) => {
+              onError={async (e) => {
                 console.error('Video loading error:', {
                   error: e,
                   videoSrc,
                   originalPath: videoPath,
                   currentTarget: e.currentTarget,
                   networkState: e.currentTarget.networkState,
-                  readyState: e.currentTarget.readyState
+                  readyState: e.currentTarget.readyState,
+                  currentMethod: loadingMethod
                 })
                 // 如果当前视频源失败，尝试重新加载
                 if (videoPath) {