From cb11e775705392df4e2b5529447a5b439338beaf Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 28 Apr 2016 19:55:41 +0200 Subject: Make the video responsive --- client/angular/videos/components/watch/videos-watch.component.scss | 3 +++ client/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); -- cgit v1.2.3