diff --git a/src/cards/ha-media_player-card.html b/src/cards/ha-media_player-card.html
index 998e4d1ca0..3120bd2127 100644
--- a/src/cards/ha-media_player-card.html
+++ b/src/cards/ha-media_player-card.html
@@ -31,6 +31,11 @@
       width: 100%;
       /* removed .25% from 16:9 ratio to fix YT black bars */
       padding-top: 56%;
+      transition: padding-top .8s;
+    }
+
+    .banner.no-cover:before {
+      padding-top: 91px;
     }
 
     .banner > .cover {
diff --git a/src/cards/ha-media_player-card.js b/src/cards/ha-media_player-card.js
index fd7a9aa548..32a23a57f4 100644
--- a/src/cards/ha-media_player-card.js
+++ b/src/cards/ha-media_player-card.js
@@ -45,6 +45,7 @@ export default new Polymer({
     return classnames({
       banner: true,
       'is-off': playerObj.isOff || playerObj.isIdle,
+      'no-cover': !playerObj.stateObj.attributes.entity_picture,
     });
   },