diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss
index 5a64b2d..7921e35 100644
--- a/src/page/Meeting/index.module.scss
+++ b/src/page/Meeting/index.module.scss
@@ -254,6 +254,10 @@
           padding: 10px;
           box-sizing: border-box;
 
+          .active {
+            border: 1px solid white;
+          }
+
           .meetingContentSwiperCardVdeio {
             width: 100%;
             height: 100%;
diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index c08d399..4fed132 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -496,10 +496,13 @@ const Meeting: React.FC = () => {
                     className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass(item.account)}`}
                     key={index}
                     onClick={() => {
+                      if (footerList[1][3].active){
+                        return message.error('视频录制中请勿切换，或结束录制再切换！')
+                      }
                       setCurrentVideoId(item.account)
                     }}
                   >
-                    <div className={styles.meetingContentSwiperCardVdeio} id={`video-${item.account}`}>
+                    <div className={`${styles.meetingContentSwiperCardVdeio} ${currentVideoId === item.account ? styles.active : ''}`} id={`video-${item.account}`}>
                       <div className={styles.meetingContentSwiperCardVdeioLoading}>
                         暂无视频
                       </div>