From 99cf82fa87887e5e7d1349f465bd445ad18ac565 Mon Sep 17 00:00:00 2001
From: Shravan Rajinikanth <mail@shrav.me>
Date: Mon, 16 Nov 2020 22:36:53 -0800
Subject: [PATCH 1/2] Fixed Plyr sizing in a better way

---
 src/sass/base.scss        | 4 ++--
 src/sass/types/video.scss | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/sass/base.scss b/src/sass/base.scss
index 93f91bd9f..1e066faf0 100644
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@@ -25,8 +25,8 @@
   audio,
   iframe {
     display: block;
-    height: 100%;
-    width: 100%;
+    max-height: 100%;
+    max-width: 100%;
   }
 
   button {
diff --git a/src/sass/types/video.scss b/src/sass/types/video.scss
index 0cfaeacb6..f78abf50e 100644
--- a/src/sass/types/video.scss
+++ b/src/sass/types/video.scss
@@ -13,8 +13,11 @@
 }
 
 .plyr__video-wrapper {
+  align-items: center;
   background: #000;
+  display: flex;
   height: 100%;
+  justify-content: center;
   margin: auto;
   overflow: hidden;
   position: relative;

From b2c5e5d4fd8b7c7b02aaf67248240f05aeb3b7a1 Mon Sep 17 00:00:00 2001
From: Shravan Rajinikanth <mail@shrav.me>
Date: Mon, 16 Nov 2020 22:44:19 -0800
Subject: [PATCH 2/2] Added a bit of missing code

---
 src/sass/base.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/sass/base.scss b/src/sass/base.scss
index 1e066faf0..67f6f8968 100644
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@@ -13,6 +13,7 @@
   font-variant-numeric: tabular-nums; // Force monosace-esque number widths
   font-weight: $plyr-font-weight-regular;
   line-height: $plyr-line-height;
+  max-height: 100%
   max-width: 100%;
   min-width: 200px;
   position: relative;