aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-03-22 01:08:08 +1100
committerSam Potts <sam@potts.es>2018-03-22 01:08:08 +1100
commit5eafe9baffe481d5653e05c2bfd32e94b16bd64c (patch)
tree0b63ca20d97babceb1fd3c2eb150401062edfe0f /src
parentc251c94131adec3a3c30ecedfb0c8661a287dd11 (diff)
downloadplyr-5eafe9baffe481d5653e05c2bfd32e94b16bd64c.tar.lz
plyr-5eafe9baffe481d5653e05c2bfd32e94b16bd64c.tar.xz
plyr-5eafe9baffe481d5653e05c2bfd32e94b16bd64c.zip
Vimeo offset tweak (fixes #826)
Diffstat (limited to 'src')
-rw-r--r--src/js/plugins/vimeo.js2
-rw-r--r--src/sass/components/embed.scss2
2 files changed, 2 insertions, 2 deletions
diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js
index 95cd818f..0f522221 100644
--- a/src/js/plugins/vimeo.js
+++ b/src/js/plugins/vimeo.js
@@ -34,7 +34,7 @@ const vimeo = {
setAspectRatio(input) {
const ratio = utils.is.string(input) ? input.split(':') : this.config.ratio.split(':');
const padding = 100 / ratio[0] * ratio[1];
- const height = 200;
+ const height = 240;
const offset = (height - padding) / (height / 50);
this.elements.wrapper.style.paddingBottom = `${padding}%`;
this.media.style.transform = `translateY(-${offset}%)`;
diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss
index 56916f17..c15ee522 100644
--- a/src/sass/components/embed.scss
+++ b/src/sass/components/embed.scss
@@ -6,7 +6,7 @@
.plyr__video-embed {
// Default to 16:9 ratio but this is set by JavaScript based on config
$padding: ((100 / 16) * 9);
- $height: 200;
+ $height: 240;
$offset: to-percentage(($height - $padding) / ($height / 50));
height: 0;