diff --git a/web/src/pages/replay.ts b/web/src/pages/replay.ts
index b7b332a..08cb5b7 100644
--- a/web/src/pages/replay.ts
+++ b/web/src/pages/replay.ts
@@ -45,7 +45,9 @@ export function renderReplayPage(params: Record<string, string>): void {
   `;
 
   loadReplayViewer().then(({ ReplayViewer }) => {
-    initReplayViewerWithClass(ReplayViewer, params.url);
+    // If params.url is not set but params.id is, construct the URL from the match ID
+    const replayUrl = params.url || (params.id ? `/r2/replays/${params.id}.json.gz` : undefined);
+    initReplayViewerWithClass(ReplayViewer, replayUrl);
   });
 }