diff --git a/demo/main.js b/demo/main.js
index fb37e1791e..7ef07c6616 100644
--- a/demo/main.js
+++ b/demo/main.js
@@ -1424,8 +1424,8 @@ shakaDemo.Main = class {
         const metadata = {
           title: asset.name,
           artwork: [{src: icon}],
+          artist: asset.source,
         };
-        metadata.artist = asset.source;
         navigator.mediaSession.metadata = new MediaMetadata(metadata);
       }
 
diff --git a/ui/controls.js b/ui/controls.js
index e22211f244..efbfd7dd21 100644
--- a/ui/controls.js
+++ b/ui/controls.js
@@ -1356,7 +1356,9 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
         imageUrl = payload['data'];
       }
       if (navigator.mediaSession.metadata && title) {
-        navigator.mediaSession.metadata.title = title;
+        const metadata = navigator.mediaSession.metadata;
+        metadata.title = title;
+        navigator.mediaSession.metadata = new MediaMetadata(metadata);
       }
       if (imageUrl) {
         const video = /** @type {HTMLVideoElement} */ (this.localVideo_);
@@ -1364,7 +1366,9 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
           video.poster = imageUrl;
         }
         if (navigator.mediaSession.metadata) {
-          navigator.mediaSession.metadata.artwork = [{src: imageUrl}];
+          const metadata = navigator.mediaSession.metadata;
+          metadata.artwork = [{src: imageUrl}];
+          navigator.mediaSession.metadata = new MediaMetadata(metadata);
         }
       }
     });