Started on error handling, Safari icon fix

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%);

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);
     }
 }