1 files changed, 7 insertions, 8 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less
index d60c281f..4dace8e8 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -19,6 +19,7 @@
     position: relative;
     max-width: 100%;
     min-width: 200px;
+    overflow: hidden;
     font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
     direction: ltr;
 
@@ -203,8 +204,8 @@
 
 // Captions
 // --------------------------------------------------------------
-// Hide default captions (can't find -moz -ms prefixes)
-.plyr ::-webkit-media-text-track-container {
+// Hide default captions
+.plyr video::-webkit-media-text-track-container {
     display: none;
 }
 .plyr__captions {
@@ -246,9 +247,8 @@
 
 // Controls
 // --------------------------------------------------------------
-// Hide default controls (can't find -moz -ms prefixes)
-.plyr ::-webkit-media-controls,
-.plyr ::-webkit-media-controls-enclosure {
+// Hide native controls
+.plyr ::-webkit-media-controls {
     display: none;
 }
 
@@ -256,12 +256,9 @@
 .plyr__controls {
     display: flex;
     align-items: center; 
-
     line-height: 1;
     text-align: center;
 
-    transition: opacity .3s ease;
-
     // Spacing
     > button,
     .plyr__progress,
@@ -325,6 +322,7 @@
 // Hide controls 
 .plyr--hide-controls .plyr__controls {
     opacity: 0;
+    pointer-events: none;
 }
 
 // Video controls
@@ -338,6 +336,7 @@
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
     color: @plyr-video-control-color;
+    transition: opacity .3s ease;
 
     button {
         // Hover and tab focus