ES6-ified

src/less/base.less

@@ -7,7 +7,6 @@
     position: relative;
     max-width: 100%;
     min-width: 200px;
-    overflow: hidden;
     font-family: @plyr-font-family;
     font-weight: @plyr-font-weight-normal;
     direction: ltr;

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 {

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 {

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 {

src/less/components/video.less

@@ -2,6 +2,10 @@
 // Video styles
 // --------------------------------------------------------------
 
+.plyr--video {
+    overflow: hidden;
+}
+
 .plyr__video-wrapper {
     position: relative;
     background: #000;