From cf3f0fcc3986198ea89d4ef4ca11f51009bcb22e Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Tue, 12 Mar 2019 10:12:47 -0500
Subject: [PATCH] Add max-aspect-ratio to player

---
 assets/css/default.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

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;