From cb11e775705392df4e2b5529447a5b439338beaf Mon Sep 17 00:00:00 2001
From: Chocobozzz <florian.bigard@gmail.com>
Date: Thu, 28 Apr 2016 19:55:41 +0200
Subject: [PATCH] Make the video responsive

---
 .../videos/components/watch/videos-watch.component.scss        | 3 +++
 .../angular/videos/components/watch/videos-watch.component.ts  | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/angular/videos/components/watch/videos-watch.component.scss b/client/angular/videos/components/watch/videos-watch.component.scss
index e69de29bb..27f34b33d 100644
--- a/client/angular/videos/components/watch/videos-watch.component.scss
+++ b/client/angular/videos/components/watch/videos-watch.component.scss
@@ -0,0 +1,3 @@
+.embed-responsive {
+  height: 100%;
+}
diff --git a/client/angular/videos/components/watch/videos-watch.component.ts b/client/angular/videos/components/watch/videos-watch.component.ts
index d1b90c190..c35c0ab19 100644
--- a/client/angular/videos/components/watch/videos-watch.component.ts
+++ b/client/angular/videos/components/watch/videos-watch.component.ts
@@ -40,7 +40,7 @@ export class VideosWatchComponent implements OnInit, CanDeactivate {
     console.log('Adding ' + this.video.magnetUri + '.');
     this.client.add(this.video.magnetUri, (torrent) => {
       console.log('Added ' + this.video.magnetUri + '.');
-      torrent.files[0].appendTo(this._elementRef.nativeElement, (err) => {
+      torrent.files[0].appendTo(this._elementRef.nativeElement.querySelector('.embed-responsive'), (err) => {
         if (err) {
           alert('Cannot append the file.');
           console.error(err);