Fix issues with fixed ratios and 100% height/width

src/sass/base.scss

@@ -5,8 +5,9 @@
 // Base
 .plyr {
     @include plyr-font-smoothing($plyr-font-smoothing);
-
+    align-items: center;
     direction: ltr;
+    display: flex;
     font-family: $plyr-font-family;
     font-variant-numeric: tabular-nums; // Force monosace-esque number widths
     font-weight: $plyr-font-weight-regular;

src/sass/components/video.scss

@@ -15,8 +15,10 @@
 .plyr__video-wrapper {
     background: #000;
     border-radius: inherit;
+    margin: auto;
     overflow: hidden;
     position: relative;
+    width: 100%;
     // Require z-index to force border-radius
     z-index: 0;
 }

src/sass/states/fullscreen.scss

@@ -24,8 +24,8 @@
 // Fallback for unsupported browsers
 .plyr--fullscreen-fallback {
     @include plyr-fullscreen-active();
-
     bottom: 0;
+    display: block;
     left: 0;
     position: fixed;
     right: 0;