1 files changed, 3 insertions, 2 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less
index d31e4770..a50a432b 100644
--- a/src/less/components/embed.less
+++ b/src/less/components/embed.less
@@ -6,7 +6,8 @@
 .plyr__video-embed {
     // Default to 16:9 ratio but this is set by JavaScript based on config
     @padding: ((100 / 16) * 9);
-    @offset: unit((300 - @padding) / 6, ~'%');
+    @height: 200;
+    @offset: unit((@height - @padding) / (@height / 50), ~'%');
 
     padding-bottom: unit(@padding, ~'%');
     height: 0;
@@ -24,7 +25,7 @@
     // Vimeo hack
     > div {
         position: relative;
-        padding-bottom: 300%;
+        padding-bottom: unit(@height, ~'%');
         transform: translateY(-@offset);
     }
 }