fix: split mode can not fullscreen play video

@@ -245,69 +245,25 @@
             </Space>
             </Space>
           </div>
           </div>
         </div>
         </div>
-        <List
-          :loading="loading"
-          :data-source="cameraList"
-          class="bg-light-50 flex-auto dark:bg-dark-900 split-mode-list"
-          :grid="gridLayout"
-          :style="{ '--height': `${100 / pagination.colNumber}%` }"
-        >
-          <template #renderItem="{ item }">
-            <List.Item>
-              <div class="box-border w-full h-full p-1px">
-                <div
-                  v-if="item.placeholder"
-                  class="bg-black w-full h-full overflow-hidden relative"
-                ></div>
-                <div
-                  v-if="!item.placeholder"
-                  class="bg-black w-full h-full overflow-hidden relative video-container"
-                >
-                  <Spin v-show="!item.isTransform" :spinning="!item.isTransform">
-                    <div class="bg-black text-light-50"> </div>
-                  </Spin>
-                  <VideoPlay
-                    v-show="item.isTransform"
-                    @loadstart="handleLoadStart(item)"
-                    @loadeddata="handleLoadData(item)"
-                    v-bind="options"
-                    :src="item.videoUrl"
-                    :title="item.name"
-                    :type="item.type"
-                  />
+        <section ref="videoContainer" class="flex-auto">
+          <List
+            :loading="loading"
+            :data-source="cameraList"
+            class="bg-light-50 w-full h-full dark:bg-dark-900 split-mode-list"
+            :grid="gridLayout"
+            :style="{ '--height': `${100 / pagination.colNumber}%` }"
+          >
+            <template #renderItem="{ item }">
+              <List.Item>
+                <div class="box-border w-full h-full p-1px">
                   <div
                   <div
-                    v-if="item.isTransform && isDef(item.canPlay) && !item.canPlay"
-                    class="video-container-error-msk absolute top-0 left-0 text-lg w-full h-full text-light-50 flex justify-center items-center z-50 bg-black"
-                  >
-                    视频加载出错了！
-                  </div>
+                    v-if="item.placeholder"
+                    class="bg-black w-full h-full overflow-hidden relative"
+                  ></div>
                   <div
                   <div
-                    class="video-container-mask absolute top-0 left-0 z-50 text-lg w-full text-light-50 flex justify-center items-center"
-                    style="height: 100%; background-color: rgba(0, 0, 0, 0.5)"
+                    v-if="!item.placeholder"
+                    class="bg-black w-full h-full overflow-hidden relative video-container"
                   >
                   >
-                    <span>{{ item.name }}</span>
-                  </div>
-                </div>
-              </div>
-            </List.Item>
-          </template>
-        </List>
-        <!-- <section ref="videoContainer" class="bg-light-50 flex-auto dark:bg-dark-900">
-          <Spin :spinning="loading" class="h-full">
-            <Empty
-              class="h-full flex flex-col justify-center items-center"
-              v-if="!cameraList.length"
-            />
-            <Row :gutter="8" class="h-full mx-0 content-start">
-              <Col
-                v-for="item in cameraList"
-                :key="item.id"
-                :style="{ height: `${100 / pagination.colNumber}%` }"
-                class="h-1/2 !px-0 !flex justify-center items-center"
-                :span="getColLayout"
-              >
-                <div class="box-border w-full h-full p-1px">
-                  <div class="bg-black w-full h-full overflow-hidden relative video-container">
                     <Spin v-show="!item.isTransform" :spinning="!item.isTransform">
                     <Spin v-show="!item.isTransform" :spinning="!item.isTransform">
                       <div class="bg-black text-light-50"> </div>
                       <div class="bg-black text-light-50"> </div>
                     </Spin>
                     </Spin>
@@ -334,10 +290,10 @@
                     </div>
                     </div>
                   </div>
                   </div>
                 </div>
                 </div>
-              </Col>
-            </Row>
-          </Spin>
-        </section> -->
+              </List.Item>
+            </template>
+          </List>
+        </section>
       </section>
       </section>
     </PageWrapper>
     </PageWrapper>
     <CameraDrawer @register="registerDrawer" @success="getCameraList" />
     <CameraDrawer @register="registerDrawer" @success="getCameraList" />