Add max-aspect-ratio to player

1 files changed, 10 insertions, 0 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 33751d41..464efd4b 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -181,6 +181,16 @@ img.thumbnail {
   margin-right: 1em;
 }
 
+@media only screen and (max-aspect-ratio: 16/9) {
+  .player-dimensions.vjs-fluid {
+    padding-top: 46.86% !important;
+  }
+
+  #player-container {
+    padding-bottom: 46.86% !important;
+  }
+}
+
 @media screen and (max-width: 767px) {
   .navbar {
     flex-direction: column;