diff --git a/src/css/components/_poster.scss b/src/css/components/_poster.scss
index e13a9e8b4..9891da0dc 100644
--- a/src/css/components/_poster.scss
+++ b/src/css/components/_poster.scss
@@ -36,12 +36,6 @@
   display: block;
 }
 
-// Hide the poster when controls are disabled because it's clickable
-// and the native poster can take over
-.vjs-controls-disabled .vjs-poster {
-  display: none;
-}
-
 // Hide the poster when native controls are used otherwise it covers them
 .vjs-using-native-controls .vjs-poster {
   display: none;
diff --git a/src/js/poster-image.js b/src/js/poster-image.js
index 77d2bd5bd..5c0a60958 100644
--- a/src/js/poster-image.js
+++ b/src/js/poster-image.js
@@ -121,7 +121,10 @@ class PosterImage extends ClickableComponent {
    */
   handleClick(event) {
     // We don't want a click to trigger playback when controls are disabled
-    // but CSS should be hiding the poster to prevent that from happening
+    if (!this.player_.controls()) {
+      return;
+    }
+
     if (this.player_.paused()) {
       this.player_.play();
     } else {