Fixed Plyr container not resizing responsively

2020-01-19 06:05:12 -08:00
parent a77d2d56f6
commit bfcb7133cb
3 changed files with 25 additions and 8 deletions
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@ -10,6 +10,7 @@
    font-family: $plyr-font-family;
    font-variant-numeric: tabular-nums; // Force monosace-esque number widths
    font-weight: $plyr-font-weight-regular;
+    height: 100%;
    line-height: $plyr-line-height;
    max-width: 100%;
    min-width: 200px;
@ -21,7 +22,7 @@
    video,
    audio {
        border-radius: inherit;
-        height: auto;
+        height: 100%;
        vertical-align: middle;
        width: 100%;
    }