4 files changed, 13 insertions, 4 deletions
diff --git a/src/less/components/controls.less b/src/less/components/controls.less
index 2750de32..dc4ea8b3 100644
--- a/src/less/components/controls.less
+++ b/src/less/components/controls.less
@@ -58,7 +58,7 @@
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
     color: @plyr-video-control-color;
-    transition: all 0.4s ease-in-out;
+    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
 
     .plyr__control {
         svg {
diff --git a/src/less/components/embed.less b/src/less/components/embed.less
index 02b33425..f6b5b307 100644
--- a/src/less/components/embed.less
+++ b/src/less/components/embed.less
@@ -16,6 +16,13 @@
         border: 0;
         user-select: none;
     }
+
+    // Vimeo hack
+    > div {
+        position: relative;
+        padding-bottom: 200%;
+        transform: translateY(-35.95%);
+    }
 }
 // To allow mouse events to be captured if full support
 .plyr--full-ui .plyr__video-embed iframe {
diff --git a/src/less/components/sliders.less b/src/less/components/sliders.less
index e2a5ffcf..b3b328e3 100644
--- a/src/less/components/sliders.less
+++ b/src/less/components/sliders.less
@@ -46,10 +46,8 @@
 
     // Microsoft
     &::-ms-track {
-        height: @plyr-range-track-height;
-        background: transparent;
-        border: 0;
         color: transparent;
+        .plyr-range-track();
     }
 
     &::-ms-fill-upper {
diff --git a/src/less/components/video.less b/src/less/components/video.less
index b68bac96..f5ff01c8 100644
--- a/src/less/components/video.less
+++ b/src/less/components/video.less
@@ -2,6 +2,10 @@
 // Video styles
 // --------------------------------------------------------------
 
+.plyr--video {
+    overflow: hidden;
+}
+
 .plyr__video-wrapper {
     position: relative;
     background: #000;