From 580c886b575a645254c813ba9d81279e57ad016b Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Wed, 27 Feb 2019 23:07:30 -0500
Subject: [PATCH] support video in media-overlay #41

---
 .../media-viewer/media-viewer.component.html          | 11 ++++++++---
 .../components/media-viewer/media-viewer.component.ts |  4 +++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/components/media-viewer/media-viewer.component.html b/src/app/components/media-viewer/media-viewer.component.html
index d1e51b36..1abb7ca4 100644
--- a/src/app/components/media-viewer/media-viewer.component.html
+++ b/src/app/components/media-viewer/media-viewer.component.html
@@ -3,7 +3,12 @@
         <fa-icon [icon]="faTimes"></fa-icon>
     </button>
     <img class="media-viewer-canvas__image" *ngIf="imageUrl" src="{{imageUrl}}" />
-    <video class="media-viewer-canvas__image" *ngIf="gifvUrl" role="application" loop autoplay (click)="attachmentSelected(0)">
-            <source src="{{ gifvUrl }}" type="video/mp4"> 
-         </video>
+    <video class="media-viewer-canvas__image" *ngIf="gifvUrl" role="application" loop autoplay
+        (click)="attachmentSelected(0)">
+        <source src="{{ gifvUrl }}" type="video/mp4">
+    </video>
+    <video class="media-viewer-canvas__image" *ngIf="videoUrl" role="application" loop controls="controls"
+        (click)="attachmentSelected(0)">
+        <source src="{{ videoUrl }}" type="video/mp4">
+    </video>
 </div>
\ No newline at end of file
diff --git a/src/app/components/media-viewer/media-viewer.component.ts b/src/app/components/media-viewer/media-viewer.component.ts
index b779a707..6e41b192 100644
--- a/src/app/components/media-viewer/media-viewer.component.ts
+++ b/src/app/components/media-viewer/media-viewer.component.ts
@@ -19,6 +19,7 @@ export class MediaViewerComponent implements OnInit {
 
     imageUrl: string;
     gifvUrl: string;
+    videoUrl: string;
     
     @Input('openedMediaEvent')
     set openedMediaEvent(value: OpenMediaEvent) {
@@ -46,12 +47,13 @@ export class MediaViewerComponent implements OnInit {
             this.imageUrl = attachment.url;
         } else if (attachment.type === 'gifv'){
             this.gifvUrl = attachment.url;
+        } else if (attachment.type === 'video'){
+            this.videoUrl = attachment.url;
         }
     }
 
 
     close(): boolean {
-        console.warn('xclose media');
         this.closeSubject.next(true);
         return false;
     }