Fix the player size on mobile

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index d765f23ef20f0200ef32d2295020b6aafeb50e07..d1f8409375a527a2837325757cccb428302a2084 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -11,8 +11,8 @@
     height: 500px;
 
     @media screen and (max-width: 600px) {
-      height: auto;
-      max-height: calc(100vh - #{$header-height});
+      width: 100vw;
+      height: calc(100vw / 1.7); // 16/9
     }
 
     // VideoJS create an inner video player