From: Chocobozzz <me@florianbigard.com>
Date: Wed, 20 Dec 2017 08:57:00 +0000 (+0100)
Subject: Add poster for video watch
X-Git-Tag: v0.0.1-alpha~103
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=0826c92d6fd327f9abcdda1054808a6b2587848d;p=oweals%2Fpeertube.git

Add poster for video watch
---

diff --git a/client/src/app/videos/+video-watch/video-watch.component.ts b/client/src/app/videos/+video-watch/video-watch.component.ts
index 3b5edc27a..5e2683334 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/videos/+video-watch/video-watch.component.ts
@@ -33,7 +33,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
   error = false
   loading = false
   player: videojs.Player
-  playerElement: HTMLMediaElement
+  playerElement: HTMLVideoElement
   userRating: UserVideoRateType = null
   video: VideoDetails = null
   videoPlayerLoaded = false
@@ -288,6 +288,12 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
         if (this.videoPlayerLoaded !== true) {
           this.playerElement = this.elementRef.nativeElement.querySelector('#video-element')
 
+          // If autoplay is true, we don't really need a poster
+          if (this.isAutoplay() === false) {
+            console.log('coucou')
+            this.playerElement.poster = this.video.previewUrl
+          }
+
           const videojsOptions = {
             controls: true,
             autoplay: this.isAutoplay(),