From 254072137cc5f4196237bcea0af0192e0faf8d0a Mon Sep 17 00:00:00 2001
From: deartibers <947466799@qq.com>
Date: Wed, 31 Aug 2022 17:34:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../videoPlayer/videoOperationCloudControl.jsx         |  2 +-
 .../videoPlayer/videoOperationHistroyTime.jsx          |  2 +-
 .../src/components/videoPlayer/videoOperationTalk.jsx  |  4 ++--
 .../client/src/components/videoPlayer/videoPlay.jsx    | 10 +++++-----
 .../client/src/components/videoPlayer/videoPlay.less   |  2 +-
 .../client/src/components/videoPlayer/voiceHeader.jsx  |  4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationCloudControl.jsx b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationCloudControl.jsx
index dce0e80..32f6573 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationCloudControl.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationCloudControl.jsx
@@ -14,7 +14,7 @@ const VideoOperationCloudControl = ({
             gbptz(ac, videoObj, iotVideoServer)
         }
     }
-    const vcmpVideo = document.getElementsByClassName('vcmp_video'+videoObj.id)?.offsetHeight;
+    const vcmpVideo = document.getElementById('vcmp_videoplay')?.offsetHeight;
     console.log(vcmpVideo);
     return (
             <div style={{
diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationHistroyTime.jsx b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationHistroyTime.jsx
index 1131e1d..f129a11 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationHistroyTime.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationHistroyTime.jsx
@@ -16,7 +16,7 @@ const VideoOperationHistroyTime = ({ close, histroyTime, setHistroyTime, setProc
     }, [])
 
     const ToastInCustomContainer = ToastFactory.create({
-        getPopupContainer: () => document.getElementsByClassName('vcmp_video'+videoObj.id),
+        getPopupContainer: () => document.getElementById('vcmp_videoplay'),
     });
 
     return (
diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationTalk.jsx b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationTalk.jsx
index 10ba1cf..cc8865c 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationTalk.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoOperationTalk.jsx
@@ -15,7 +15,7 @@ const VideoOperationTalk = ({
     const [recordState, setRecordState] = useState(RecordState.NONE)
 
     const ToastInCustomContainer = ToastFactory.create({
-        getPopupContainer: () => document.getElementsByClassName('vcmp_video'+videoObj.id),
+        getPopupContainer: () => document.getElementById('vcmp_videoplay'),
     });
 
     useEffect(() => {
@@ -57,7 +57,7 @@ const VideoOperationTalk = ({
             }
         }
     }
-    const vcmpVideo = document.getElementsByClassName('vcmp_video'+videoObj.id)?.offsetHeight;
+    const vcmpVideo = document.getElementById('vcmp_videoplay')?.offsetHeight;
 
     return (
         <div style={{
diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx
index 7721089..5f8f18d 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx
@@ -164,7 +164,7 @@ const VideoPlay = ({
       key: 'fullScreen',
       click: () => {
          changeSelectState('fullScreen')
-         let videoplay = document.getElementsByClassName('vcmp_video'+videoObj.id)
+         let videoplay = document.getElementById('vcmp_videoplay')
          if (screenfull.isEnabled) {
             screenfull.toggle(videoplay);
             if (videoObj?.type == 'yingshi' && player) {
@@ -209,7 +209,7 @@ const VideoPlay = ({
 
       // 全屏状态监听
       screenfull.on('change', (e) => {
-         if (e?.path[0]?.id=="vcmp_videoplay"+videoObj.id) {
+        if (e?.path[0]?.id=="vcmp_videoplay") {
             if (screenfull.isFullscreen && operationRef.current && !operationRef.current['fullScreen'].select) {
                changeSelectState('fullScreen')
             }
@@ -436,9 +436,9 @@ const VideoPlay = ({
 
    return (
       <>
-         <div className={'vcmp_videoplay'+videoObj.id+" my_vcmp_videoplay"} style={{ width: size?.parentWidth || '100%', height: size?.parentHeight || '100%', backgroundColor: 'black', overflow: 'hidden', display: 'flex', alignItems: 'center', justifyContent: 'center', }}>
-            <div id="vcmp_videoplay" className={'vcmp_video'+videoObj.id} style={{ position: 'relative', height: size?.height || '100%', width: size?.width || '100%', minWidth: 240, minHeight: 135, overflow: 'hidden' }}>              {/* 顶部信息 */}
-               <VideoHeader
+        <div className="vcmp_videoplay " style={{ width: size?.parentWidth || '100%', height: size?.parentHeight || '100%', backgroundColor: 'black', overflow: 'hidden', display: 'flex', alignItems: 'center', justifyContent: 'center', }}>
+            <div id="vcmp_videoplay" style={{ position: 'relative', height: size?.height || '100%', width: size?.width || '100%', minWidth: 240, minHeight: 135, overflow: 'hidden' }}>
+                <VideoHeader
                   operationState={operationState} changeSelectState={changeSelectState}
                   histroyTime={histroyTime}
                   setoperationState={setoperationState} name={name}
diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.less b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.less
index dd2db18..78352f0 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.less
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.less
@@ -1,4 +1,4 @@
-.my_vcmp_videoplay {
+.vcmp_videoplay {
    .semi-datepicker {
       background-color: #fff;
    }
diff --git a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/voiceHeader.jsx b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/voiceHeader.jsx
index e91c7b2..9f9365f 100644
--- a/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/voiceHeader.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/components/videoPlayer/voiceHeader.jsx
@@ -54,8 +54,8 @@ const VideoHeader = ({ operationState, changeSelectState, setProcessDisX, name,
         updateTime()
     }, [showTime])
 
-    const vcmp_videoplay = document.getElementsByClassName('vcmp_video'+videoObj.id)?.clientHeight
-    const vcmp_videopla = document.getElementsByClassName('vcmp_video'+videoObj.id)?.clientWidth
+    const vcmp_videoplay = document.getElementById('vcmp_videoplay')?.clientHeight
+    const vcmp_videopla = document.getElementById('vcmp_videoplay')?.clientWidth
 
     return (
         <div>