2 files changed, 4 insertions, 3 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index 542580a2..a7f0ba0a 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -53,7 +53,7 @@
 .plyr__play-large {
     display: none;
     position: absolute;
-    z-index: 1;
+    z-index: 3;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
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);
     }
 }