feat: update

src/app/replay-page/mp4/mp4.component.html

 <div [ngStyle]="{'width.px': Video.width,'height.px':Video.height}">
-  <video  controls>
+  <video controls>
     <source [src]="Video.src" type="video/mp4">
     Your browser does not support the video tag.
     <br>

src/app/replay-page/mp4/mp4.component.ts

@@ -13,6 +13,13 @@ export class Mp4Component implements OnInit {
   }
 
   ngOnInit() {
+    if (this.Video.height === 0) {
+      this.Video.height = 600;
+    }
+    if (this.Video.width === 0) {
+      this.Video.width = 800;
+    }
+
   }
 
 }

src/app/replay-page/replay-page.component.ts

@@ -29,8 +29,8 @@ export class ReplayPageComponent implements OnInit {
           Video.type = data['type'];
           Video.src = data['src'];
           Video.id = data['id'];
-          Video.width = data['width'];
-          Video.height = data['height'];
+          // Video.width = data['width'];
+          // Video.height = data['height'];
         },
         err => {
           this._http.get_replay(token)

src/app/test-page/test-page.component.html

-<tree-root [nodes]="nodes" [options]="options"></tree-root>
+<!--<tree-root [nodes]="nodes" [options]="options"></tree-root>-->
+<app-replay-mp4></app-replay-mp4>

src/app/test-page/test-page.component.ts

 import {Component, OnInit} from '@angular/core';
-import {DataStore} from '../globals';
+import {DataStore, Video} from '../globals';
 import {TREE_ACTIONS, KEYS, IActionMapping, ITreeOptions} from 'angular-tree-component';
 
 @Component({
@@ -68,7 +68,8 @@ export class TestPageComponent implements OnInit {
   }
 
   ngOnInit() {
-
+    Video.id = 'asfafdasd';
+    Video.src = 'https://www.w3schools.com/tags/movie.mp4';
   }
 
 }