关闭弹窗，结束播放

src/subpages/colexiu-report/header/index.tsx

@@ -50,7 +50,7 @@ export default defineComponent({
         api: 'back',
       })
     }
-
+    const _plrl = ref()
     const autoShow = () => {
       if (localStorage.getItem('explain-view') != '1') {
         visible.value = true
@@ -99,7 +99,7 @@ export default defineComponent({
       if (isInitPlyr.value) return
       nextTick(() => {
         const id = mediaType.value === 'audio' ? '#audioSrc' : '#videoSrc'
-        const _v = new Plyr(id, {
+        _plrl.value = new Plyr(id, {
           controls: ['play-large', 'play', 'progress'],
         })
         isInitPlyr.value = true
@@ -316,7 +316,9 @@ export default defineComponent({
             </Grid>
           </Popup>
 
-          <Popup teleport="body" v-model:show={videoShow.value} class={styles.videoContent}>
+          <Popup teleport="body" v-model:show={videoShow.value} class={styles.videoContent} onClose={() => {
+            _plrl.value?.stop()
+          }}>
             <div class={styles.close} onClick={() => (videoShow.value = false)}>
               <img src={CloseIcon} />
             </div>