Add preview to embed

diff --git a/client/src/app/videos/shared/video.model.ts b/client/src/app/videos/shared/video.model.ts
index 9ed6a064195389a8a4cda150bbf637dcfc2472bc..f0556343f5045c2ac70b5be795804c3de5e2800a 100644 (file)
--- a/client/src/app/videos/shared/video.model.ts
+++ b/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

diff --git a/client/src/standalone/videos/embed.html b/client/src/standalone/videos/embed.html
index 0a1c3eadfc0637860be59084c7f2cb7b42a15213..365dc3fa23b9337cfc41da27c827d96678d07a8d 100644 (file)
--- a/client/src/standalone/videos/embed.html
+++ b/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