Add max-aspect-ratio to player

2019-03-12 10:12:47 -05:00 · 2019-03-12 10:12:47 -05:00 · cf3f0fcc39
parent 19c32bf993
commit cf3f0fcc39
1 changed files with 10 additions and 0 deletions
--- 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;