关闭退出和画中画功能

src/main/pc/src/views/IMT.vue

@@ -130,13 +130,23 @@
             </div>
         </div>
 
-        <el-dialog class="videoDialog" center append-to-body :visible.sync="showViedo" width="90%">
+        <el-dialog
+            class="videoDialog"
+            destroy-on-close
+            center
+            append-to-body
+            :visible.sync="showViedo"
+            @close="closeEvent"
+            width="90%"
+        >
             <video
                 :src="videoUrl"
                 controlsList="nodownload noremote footbar"
                 controls="controls"
                 style="height: 100%; max-width: 100%;"
                 oncontextmenu="return false;"
+                ref="video"
+                v-if="showViedo"
             >
                 您的浏览器不支持 video 标签。
             </video>
@@ -442,6 +452,9 @@ export default {
     methods: {
         go3d() {
             window.open('http://www.3dvshow.com/demo/waigaoqiao/ifr.html');
+        },
+        closeEvent() {
+            document.exitPictureInPicture();
         }
     }
 };