diff --git a/assets/css/default.css b/assets/css/default.css
index cec255dd..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;
@@ -316,12 +326,12 @@ img.thumbnail {
 }
 
 .player-dimensions.vjs-fluid {
-  padding-top: 46.86%;
+  padding-top: 82vh;
 }
 
 #player-container {
   position: relative;
-  padding-bottom: 46.86%;
+  padding-bottom: 82vh;
   margin-left: 1em;
   margin-right: 1em;
   height: 0;