diff --git a/src/sass/base.scss b/src/sass/base.scss index 93f91bd9f..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; @@ -25,8 +26,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;