视频播放修改

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={{

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 (

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={{

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}

code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.less

@@ -1,4 +1,4 @@
-.my_vcmp_videoplay {
+.vcmp_videoplay {
    .semi-datepicker {
       background-color: #fff;
    }

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>