Add preview to embed

client/src/app/videos/shared/video.model.ts

@@ -23,6 +23,8 @@ export class Video implements VideoServerModel {
   tags: string[]
   thumbnailPath: string
   thumbnailUrl: string
+  previewPath: string
+  previewUrl: string
   views: number
   likes: number
   dislikes: number
@@ -60,6 +62,7 @@ export class Video implements VideoServerModel {
     podHost: string,
     tags: string[],
     thumbnailPath: string,
+    previewPath: string,
     views: number,
     likes: number,
     dislikes: number,
@@ -85,6 +88,8 @@ export class Video implements VideoServerModel {
     this.tags = hash.tags
     this.thumbnailPath = hash.thumbnailPath
     this.thumbnailUrl = API_URL + hash.thumbnailPath
+    this.previewPath = hash.previewPath
+    this.previewUrl = API_URL + hash.previewPath
     this.views = hash.views
     this.likes = hash.likes
     this.dislikes = hash.dislikes

client/src/standalone/videos/embed.html

@@ -88,10 +88,9 @@
 
   loadVideoInfos(videoId, function (videoInfos) {
     var magnetUri = videoInfos.magnetUri
-    // FIXME: use poster?
-    // var videoContainer = document.getElementById('video-container')
-    // var thumbnailUrl = 'http://' + videoInfos.podUrl + videoInfos.thumbnailPath
-    // videoContainer.poster = thumbnailUrl
+    var videoContainer = document.getElementById('video-container')
+    var previewUrl = window.location.protocol + '//' + videoInfos.podHost + videoInfos.previewPath
+    videoContainer.poster = previewUrl
 
     videojs('video-container', { controls: true, autoplay: false }, function () {
       var player = this