From 09431804609f5f804407bb270c867f0007bca720 Mon Sep 17 00:00:00 2001
From: bai <1643359946@qq.com>
Date: Fri, 19 May 2023 00:42:23 +0800
Subject: [PATCH] =?UTF-8?q?2023=E5=B9=B45=E6=9C=8819=E6=97=A5=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=85=B3=E9=97=AD=E5=90=8E=E9=94=99=E8=AF=AF=E7=9A=84?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/jiaoshi/index.vue       |  2 +-
 src/views/kc/jiaoshi/showAllLive.vue | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/kc/jiaoshi/index.vue b/src/views/kc/jiaoshi/index.vue
index e6b6cc6..05804d3 100644
--- a/src/views/kc/jiaoshi/index.vue
+++ b/src/views/kc/jiaoshi/index.vue
@@ -70,7 +70,7 @@
         </a-table-column>
     </a-table>
   </div>
-  <a-modal :visible="isShowAllLive" width="80%" style="top: 20px" title="直播" :ok-button-props="{ style: { display: 'none' } }" cancelText="关闭" @cancel="() => isShowAllLive = false">
+  <a-modal :visible="isShowAllLive" width="80%" style="top: 20px" title="直播" :ok-button-props="{ style: { display: 'none' } }" cancelText="关闭" @cancel="() => (isShowAllLive = false,showAllLiveRef.close())">
     <showAllLive ref="showAllLiveRef" :currentItem="currentItem"/>
   </a-modal>
 </template>
diff --git a/src/views/kc/jiaoshi/showAllLive.vue b/src/views/kc/jiaoshi/showAllLive.vue
index 4e0f4fe..c847d33 100644
--- a/src/views/kc/jiaoshi/showAllLive.vue
+++ b/src/views/kc/jiaoshi/showAllLive.vue
@@ -208,9 +208,20 @@ function bVideoClick(e:any){
     buttonEl.dataset.url = src;
 }
 
+//窗口关闭时停止播放
+function close(){
+  let mainVideo:any = document.querySelector('#mainVideo');
+  mainVideo?.player?.pause();
+
+  bVideoRefs.value.forEach(x => {
+    x?.player?.pause();
+  })
+}
+
 defineExpose({
   // playLive,
-  init
+  init,
+  close
 })
 
 </script>