diff options
author | Sam Potts <sam@potts.es> | 2017-11-07 23:21:35 +1100 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2017-11-07 23:21:35 +1100 |
commit | 3f41a0cf5417a3047aafa27894b57fb740d7d7da (patch) | |
tree | c1feaa0c6dda3dbec2741e50227f4cd4285f9c38 /src/less/components/embed.less | |
parent | fae4ca12e02b87f54b1ee7a88815d0b150c46370 (diff) | |
parent | 84505da84ba97ae1b189f9c695228d324e9dc3b8 (diff) | |
download | plyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.tar.lz plyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.tar.xz plyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.zip |
Merge branch 'develop' of github.com:Selz/plyr into develop
# Conflicts:
# readme.md
Diffstat (limited to 'src/less/components/embed.less')
-rw-r--r-- | src/less/components/embed.less | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less index f6b5b307..d31e4770 100644 --- a/src/less/components/embed.less +++ b/src/less/components/embed.less @@ -4,7 +4,11 @@ // -------------------------------------------------------------- .plyr__video-embed { - padding-bottom: 56.25%; /* 16:9 */ + // Default to 16:9 ratio but this is set by JavaScript based on config + @padding: ((100 / 16) * 9); + @offset: unit((300 - @padding) / 6, ~'%'); + + padding-bottom: unit(@padding, ~'%'); height: 0; iframe { @@ -20,8 +24,8 @@ // Vimeo hack > div { position: relative; - padding-bottom: 200%; - transform: translateY(-35.95%); + padding-bottom: 300%; + transform: translateY(-@offset); } } // To allow mouse events to be captured if full support |