From 1578525ee38a50b31266bc9ba3ecd62705d4a5d5 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Mon, 6 Nov 2017 20:24:07 +1100
Subject: Finished aspect ratio setting

---
 src/js/plugins/vimeo.js        | 2 +-
 src/less/components/embed.less | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js
index dce3af03..6e4f34a2 100644
--- a/src/js/plugins/vimeo.js
+++ b/src/js/plugins/vimeo.js
@@ -19,7 +19,7 @@ const vimeo = {
         // Set aspect ratio
         const ratio = this.config.ratio.split(':');
         const padding = 100 / ratio[0] * ratio[1];
-        const offset = (100 - padding) / 2;
+        const offset = (400 - padding) / 8;
         this.elements.wrapper.style.paddingBottom = `${padding}%`;
         this.media.style.transform = `translateY(-${offset}%)`;
 
diff --git a/src/less/components/embed.less b/src/less/components/embed.less
index dcf889b7..7860f671 100644
--- a/src/less/components/embed.less
+++ b/src/less/components/embed.less
@@ -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);
-    @offset: unit((100 - @padding) / 2, ~'%');
+    @offset: unit((400 - @padding) / 8, ~'%');
 
     padding-bottom: unit(@padding, ~'%');
     height: 0;
@@ -24,7 +24,7 @@
     // Vimeo hack
     > div {
         position: relative;
-        padding-bottom: 100%;
+        padding-bottom: 400%;
         transform: translateY(-@offset);
     }
 }
-- 
cgit v1.2.3