1 files changed, 3 insertions, 3 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less
index 0e4198c8..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;
 
@@ -255,12 +256,9 @@
 .plyr__controls {
     display: flex;
     align-items: center; 
-
     line-height: 1;
     text-align: center;
 
-    transition: opacity .3s ease;
-
     // Spacing
     > button,
     .plyr__progress,
@@ -324,6 +322,7 @@
 // Hide controls 
 .plyr--hide-controls .plyr__controls {
     opacity: 0;
+    pointer-events: none;
 }
 
 // Video controls
@@ -337,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