diff options
| author | Sam Potts <sam@potts.es> | 2019-04-12 12:19:48 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2019-04-12 12:19:48 +1000 |
| commit | b247093495c3402dbe7c14e3faeff8475f4e277c (patch) | |
| tree | 8db601f188caf539277f9760ca93d02e9deb442b /src/sass/components/embed.scss | |
| parent | 9ca7b861a925ec0412006f7cc926bfa1859a0daa (diff) | |
| download | plyr-b247093495c3402dbe7c14e3faeff8475f4e277c.tar.lz plyr-b247093495c3402dbe7c14e3faeff8475f4e277c.tar.xz plyr-b247093495c3402dbe7c14e3faeff8475f4e277c.zip | |
Aspect ratio improvements (fixes #1042, fixes #1366)
Diffstat (limited to 'src/sass/components/embed.scss')
| -rw-r--r-- | src/sass/components/embed.scss | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss index 25431caf..efbb4e03 100644 --- a/src/sass/components/embed.scss +++ b/src/sass/components/embed.scss @@ -6,20 +6,21 @@ // Default to 16:9 ratio but this is set by JavaScript based on config $embed-padding: ((100 / 16) * 9); -.plyr__video-embed { +.plyr__video-embed, +.plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: to-percentage($embed-padding); - position: relative; +} - iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; - } +.plyr__video-embed iframe, +.plyr__video-wrapper--fixed-ratio video { + border: 0; + height: 100%; + left: 0; + position: absolute; + top: 0; + user-select: none; + width: 100%; } // If the full custom UI is supported |