视频墙界面布局修改-提交

src/views/vent/monitorManager/camera/index.vue

@@ -69,7 +69,7 @@ let searchParam = reactive({
 
 I18N.use(ZH)
 let router = useRouter(); //路由
-const pageSize = ref(8)
+const pageSize = ref(4)
 const current = ref(1)
 const total = ref(0)
 const playerList = ref([])
@@ -267,8 +267,9 @@ function setNoRtspVideo(id, videoAddr) {
       lang: 'zh',
       id: id,
       url: videoAddr,
-      width: 354,
-      height: 245,
+      // width: 354,
+      width:100,
+      height:45,
       poster: '/src/assets/images/vent/noSinge.png',
       plugins: [FlvPlugin],
       fluid: true,
@@ -306,8 +307,10 @@ function setNoRtspVideo(id, videoAddr) {
         lang: 'zh',
         id: id,
         url: videoAddr,
-        width: 354,
-        height: 245,
+        // width: 354,
+        width:100,
+        // height: 245,
+        height:45,
         isLive: true,
         autoplay: true,
         autoplayMuted: true,
@@ -333,8 +336,9 @@ function setNoRtspVideo(id, videoAddr) {
         lang: 'zh',
         id: id,
         url: videoAddr,
-        width: 354,
-        height: 245,
+        // width: 354,
+        width:100,
+        height:45,
         isLive: true,
         autoplay: true,
         autoplayMuted: true,
@@ -446,8 +450,8 @@ onUnmounted(() => {
       overflow-y: auto;
 
       .player-box {
-        width: 375px;
-        height: 272px;
+        width: 770px;
+        height: 365px;
         padding: 10px;
         background: url('/@/assets/images/vent/camera_bg.png');
         background-size: 100% 100%;