Set the video type attribute on videos items, close #199

MurhafSousli · Oct 3, 2018 · 06b3601 · 06b3601
1 parent e01a13b
commit 06b3601
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/projects/core/src/lib/components/templates/gallery-video.component.ts b/projects/core/src/lib/components/templates/gallery-video.component.ts
@@ -5,15 +5,15 @@ import { Component, Input, OnInit, ViewChild, ElementRef, ChangeDetectionStrateg
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <video #video controls poster="{{poster}}" (error)="error.emit($event)">
-      <source *ngFor="let source of videoSources" src="{{source}}"/>
+      <source *ngFor="let src of videoSources" src="{{src?.url}}" type="{{src?.type}}"/>
     </video>
   `
 })
 export class GalleryVideoComponent implements OnInit {
 
-  videoSources: string[];
+  videoSources: {url: string, type?: string}[];
 
-  @Input() src: string | string[];
+  @Input() src: string | {url: string, type?: string}[];
   @Input() poster: string;
 
   @Input('pause') set pauseVideo(shouldPause: boolean) {
@@ -33,7 +33,7 @@ export class GalleryVideoComponent implements OnInit {
       // If video has multiple sources
       this.videoSources = [...this.src];
     } else {
-      this.videoSources = [this.src];
+      this.videoSources = [{ url: this.src }];
     }
   }
 }