视频协同

packages/IntelligentSecurity/components/AiSlwVideo.vue

@@ -71,7 +71,7 @@
       <el-form class="ai-form" ref="form" :model="form" label-width="80px" size="small">
         <el-form-item label="选择日期" prop="date" :rules="[{ required: true, message: '请选择日期', trigger: 'change' }]">
           <el-date-picker
-            value-format="yyyy-MM-DD"
+            value-format="yyyy-MM-dd"
             v-model="form.date"
             type="date"
             placeholder="选择日期">
@@ -135,19 +135,30 @@
       this.form.date = this.$moment(new Date()).format('YYYY-MM-DD')
       this.$nextTick(() => {
         this.width = document.querySelector(`#${this.videoId}`).offsetWidth + 'px'
+
+        document.addEventListener('fullscreenchange', this.fullScreenChange)
       })
     },
 
     methods: {
+      destroyed () {
+        document.removeEventListener('fullscreenchange', this.fullScreenChange)
+      },
+      fullScreenChange () {
+        if (document.fullscreenElement) {
+        } else {
+          this.reset()
+        }
+      },
       exitFullscreen () {
         if (document.exitFullscreen) {
           document.exitFullscreen()
-        } else if (document.msExitFullscreen) {
-          document.msExitFullscreen()
         } else if (document.mozCancelFullScreen) {
           document.mozCancelFullScreen()
         } else if (document.webkitExitFullscreen) {
           document.webkitExitFullscreen()
+        } else if (document.msExitFullscreen) {
+          window.top.document.msExitFullscreen()
         }
       },
 
@@ -208,15 +219,16 @@
         this.$emit('close')
       },
 
-      requestFullScreen (element) {
-        var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
-        if (requestMethod) {
-          requestMethod.call(element);
-        } else if (typeof window.ActiveXObject !== 'undefined') {
-          var wscript = new ActiveXObject('WScript.Shell')
-          if (wscript !== null) {
-            wscript.SendKeys('{F11}')
-          }
+      requestFullScreen (elem) {
+        if (elem.requestFullscreen) {
+          elem.requestFullscreen()
+        } else if (elem.mozRequestFullScreen) {
+          elem.mozRequestFullScreen()
+        } else if (elem.webkitRequestFullscreen) {
+          elem.webkitRequestFullscreen()
+        } else if (elem.msRequestFullscreen) {
+          elem = window.top.document.body
+          elem.msRequestFullscreen()
         }
       }
     }
@@ -388,7 +400,7 @@
           .volume-slider {
             display: none;
             position: absolute;
-            bottom: 20px;
+            bottom: 15px;
             left: 50%;
             z-index: -1;
             opacity: 0;