[ISSUE 113] fixed

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html

@@ -66,10 +66,19 @@
         <video
           controls
           controlsList="nodownload nofullscreen"
-          *ngIf="selectedFile.info.type === FileType.Video"
-          [src]="getImageUrl(selectedFile)"
           class="preview-video"
+          #videoPlayer
+          *ngIf="selectedFile.info.type === FileType.Video && playable"
+          [src]="getImageUrl(selectedFile)"
+          (loadeddata)="onLoadedDataVideo()"
         ></video>
+        <div
+          *ngIf="selectedFile.info.type === FileType.Video && !playable"
+          fxFlexFill
+          class="guide-msg"
+        >
+          {{ 'common.file.errors.cantPlay' | translate }}
+        </div>
       </div>
       <ul>
         <li class="name">{{ selectedFile.info.name }}</li>

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts

@@ -1,4 +1,11 @@
-import { Component, OnInit, OnDestroy, Inject } from '@angular/core';
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  Inject,
+  ElementRef,
+  ViewChild
+} from '@angular/core';
 import {
   FileInfo,
   FileDownloadInfo,
@@ -45,6 +52,9 @@ export interface FileInfoTotal {
   styleUrls: ['./album-box.component.scss']
 })
 export class AlbumBoxComponent implements OnInit, OnDestroy {
+  @ViewChild('videoPlayer', { static: false })
+  videoPlayer: ElementRef<HTMLVideoElement>;
+
   filteredList: FileInfoTotal[] = [];
   fileInfoTotal: FileInfoTotal[];
   fileInfoList: FileInfo[];
@@ -62,6 +72,8 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
 
   thumbBaseUrl: string;
 
+  playable = true;
+
   constructor(
     private store: Store<any>,
     private sessionStorageService: SessionStorageService,
@@ -186,6 +198,7 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
       event.stopPropagation();
     }
 
+    this.playable = true;
     this.selectedFile = fileInfo;
   }
 
@@ -323,4 +336,13 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
         this.logger.error(reason);
       });
   }
+
+  onLoadedDataVideo(): void {
+    if (
+      0 === this.videoPlayer.nativeElement.videoWidth ||
+      0 === this.videoPlayer.nativeElement.videoHeight
+    ) {
+      this.playable = false;
+    }
+  }
 }