diff --git a/public/views/mp/rushroyale.html b/public/views/mp/rushroyale.html
index 695324a8..0ae8e54b 100644
--- a/public/views/mp/rushroyale.html
+++ b/public/views/mp/rushroyale.html
@@ -23,9 +23,15 @@
}
.player .video {
+ --width: var(--p-video-width);
width: var(--p-video-width);
}
+ .player .video video {
+ background-size: cover;
+ background-repeat: no-repeat;
+ }
+
.badges {
position: absolute;
width: var(--p-video-width);
@@ -551,8 +557,12 @@
player.__setAvatar = player.setAvatar;
player.setAvatar = function (url) {
if (QueryString.get('avatar') === '0') return;
- this.__setAvatar(url);
- this.dom.rank_node.style.backgroundImage = `url(${url})`; // TODO Should validate
+ // TODO Should validate that url is safe for string interpolation
+ this.dom.video.style.backgroundImage = `url(${url})`;
+ this.dom.rank_node.style.backgroundImage = `url(${url})`;
+
+ // we're not calling the original avatar, because we don't want to show it the avatars in the play field
+ // this.__setAvatar(url);
};
player.onGameStart = function () {