视频全屏兼容苹果手机

package.json

@@ -14,6 +14,7 @@
     "axios": "^1.2.0",
     "element-plus": "^2.2.25",
     "normalize.css": "^8.0.1",
+    "vconsole": "^3.15.0",
     "vue": "^3.2.41",
     "vue-router": "^4.1.6"
   },

src/components/VideoPlayBox.vue

@@ -24,7 +24,20 @@ function isFullScreen(){
  * 设置全屏
  */
 function setFullScreen(el){
-    el.requestFullscreen() || el.webkitRequestFullScreen() || el.msRequestFullscreen() || el.mozRequestFullScreen()
+    if (el.requestFullscreen) {
+        el.requestFullscreen()
+        return true
+    } else if (el.msRequestFullscreen) {
+        el.msRequestFullscreen()
+        return true
+    } else if (el.mozRequestFullScreen) {
+        el.mozRequestFullScreen()
+        return true
+    } else if (el.webkitRequestFullScreen) {
+        el.webkitRequestFullScreen()
+        return true
+    }
+    return false
 }
 /**
  * 关闭全屏

src/main.js

@@ -5,7 +5,11 @@ import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'normalize.css'
 import "@/style/global.scss";//全局样式
+import VConsole from 'vconsole';
 
+if(import.meta.env.MODE==='test'){
+    const vConsole = new VConsole();
+}
 
 const app = createApp(App)
 

src/views/roadShow/List.vue

@@ -341,6 +341,7 @@ function getVideoTime(e){
         // }
         .video-list-wrap{
             display: block;
+            margin-top: 0;
             .item{
                 width: 100%;
                 border-top: none;