files url

app/cube-description/cube-description.component.css

@@ -80,9 +80,23 @@ div {
   z-index: 10;
   width: 116px;
   height: 77px;
-  background: url('file:///C:/Users/break/Desktop/select.png');
+  background: url('http://store.steampowered.com/public/images/v5/game_highlight_activethumb.png');
 }
 
+.icon_play{
+  border-radius: 5px;
+  background: rgba(255,255,255,0.7);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -21px 0 0 -21px;
+  font-size: 38px;
+  line-height: 32px;
+  width: 32px;
+  height: 32px;
+  padding: 5px;
+  box-sizing: initial;
+}
 /*#left {*/
 /*font-size: 14px;*/
 /*margin-right: 8px;*/

app/cube-description/cube-description.component.html

@@ -25,8 +25,10 @@
       <div style="margin-right: -10000px; position: relative; float:left; padding-top: 10px">
         <div class="select-rectangle" [style.left]="(2+120*selectId)+'px'"></div>
         <div *ngFor="let src of videosrc ; index as key" class="left-small-item" (click)="select(key);" style="position: relative">
+
           <img class="img-fixed" [src]="src[1]"/>
-          <img src="file:///C:/Users/break/Desktop/icon-movie.png" style="position:absolute; top:50%; left:50%; margin: -16px 0 0 -16px;"/>
+          <i class="fa fa-play-circle icon_play" aria-hidden="true" ></i>
+          <!--<img src="file:///C:/Users/break/Desktop/icon-movie.png" style="position:absolute; top:50%; left:50%; margin: -16px 0 0 -16px;"/>-->
         </div>
         <div *ngFor="let src of imgsrc ; index as key" class="left-small-item" (click)="select(key+videosrc.length)">
           <img class="img-fixed" [src]="src"/>

app/cube.ts

@@ -177,13 +177,13 @@ export class Cube {
     this.price = app.price;
     this.key = app.key;
 
-    this.trailer = [
-      { url: 'http://cdn.edgecast.steamstatic.com/steam/apps/2036126/movie480.webm', type: 'video' },
-      {
-        url: 'http://cdn.edgecast.steamstatic.com/steam/apps/264710/ss_e41e71c05f3fcf08e54140bd9f1ffc9008706843.600x338.jpg',
-        type: 'image'
-      }
-    ];
+    this.trailer = app.trailer || [];
+    //   { url: 'http://cdn.edgecast.steamstatic.com/steam/apps/2036126/movie480.webm', type: 'video', url2:''},
+    //   {
+    //     url: 'http://cdn.edgecast.steamstatic.com/steam/apps/264710/ss_e41e71c05f3fcf08e54140bd9f1ffc9008706843.600x338.jpg',
+    //     type: 'image'
+    //   }
+    // ];
   }
 
   findDependencies(): Cube[] {