视频问题修改 gengdidi

gassafetyprogress-web/src/views/operationMonitor/video/index.vue

 <template>
 
-  <div class="app-container">
-    <el-row>
-      <el-col :span="5">
+  <div class="app-container" style="">
+    <div style="height: 100%;">
+      <el-col style="border:1px solid #cccccc;height: 100%;" :span="4">
         <el-tree :data="videoData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
       </el-col>
-      <el-col :span="19">
-        <div id="player" style="width: calc(67vw - 8px);height: calc((67vw - 8px) * 5 / 8)"></div>
+      <el-col :span="20" style="height: 100%;">
+        <div id="player"></div>
       </el-col>
-    </el-row>
-
-
-
+    </div>
   </div>
 </template>
-<!--<script src="@api/video/h5player.js"></script>-->
 <script>
 import { getVideoTree } from "@/api/video/manager";
 import { getPreviewURLs } from "@/api/video/artemis"
@@ -116,3 +112,15 @@ export default {
   }
 };
 </script>
+<style scoped lang="scss">
+  .app-container{
+    position:absolute;
+    top:0;
+    bottom:0;
+    width: 100%;
+  }
+  #player{
+     width: 100% ;
+     height: 100% ;
+  }
+</style>