From 870923e1764d0da558f47500e8a315633d1c4b60 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <15703339975@163.com>
Date: Sat, 8 Aug 2026 14:50:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E6=91=84=E5=83=8F=E5=A4=B4?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Camera/List/components/VideoPlay/index.js  | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/components/VideoPlay/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/components/VideoPlay/index.js
index 8dc8f2a..bc46059 100644
--- a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/components/VideoPlay/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/components/VideoPlay/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable react-dom/no-missing-iframe-sandbox -- 该视频播放页添加 sandbox 后无法正常播放，需要保留完整的运行权限。 */
 import VideoCameraOutlined from "@ant-design/icons/VideoCameraOutlined";
 import { Button, Modal, Spin } from "antd";
 import { useEffect, useRef, useState } from "react";
@@ -11,6 +12,8 @@ const PLAY_SOURCE_TYPE = {
   DATABASE: "database",
 };
 
+const isHtmlPlayAddress = address => address?.toLowerCase().includes(".html");
+
 const VideoPlayModal = (props) => {
   const {
     onClose,
@@ -284,7 +287,20 @@ const VideoPlayModal = (props) => {
     >
       <div ref={playerContainerRef} style={playerBoxStyle}>
         {playUrl
-          ? <Video key={`${playerKey}-${playUrl}`} height="100%" width="100%" source={playUrl} isLive />
+          ? isHtmlPlayAddress(playUrl)
+            ? (
+                <iframe
+                  key={`${playerKey}-${playUrl}`}
+                  title={videoName || "视频播放"}
+                  src={`${playUrl}&aspect=fullscreen&stretch=yes`}
+                  width="100%"
+                  height="100%"
+                  frameBorder="0"
+                  allow="autoplay; fullscreen; microphone"
+                  allowFullScreen
+                />
+              )
+            : <Video key={`${playerKey}-${playUrl}`} inline height="100%" width="100%" source={playUrl} isLive aliPlayerProps={{ extraInfo: { crossOrigin: "anonymous" } }} />
           : <div style={{ textAlign: "center", maxWidth: 560, padding: "0 24px" }}>暂无视频播放地址</div>}
       </div>
       {(warningText || originalPlayUrl) && (