diff --git a/WebApp/src/lib/app/controller.js b/WebApp/src/lib/app/controller.js
index 182313f..b6a65b2 100644
--- a/WebApp/src/lib/app/controller.js
+++ b/WebApp/src/lib/app/controller.js
@@ -530,7 +530,10 @@ const attachClientStreamToElement = () => {
 	if (clientVideoElement.srcObject !== stream) {
 		clientVideoElement.srcObject = stream;
 	}
-	void clientVideoElement.play().catch(() => {});
+	clientVideoElement.muted = true;
+	void clientVideoElement.play().catch((error) => {
+		addActivity('Stream', `Autoplay blocked for ${activeStreamSessionId}: ${error?.name || 'play_failed'}`);
+	});
 };
 
 const startCameraPreview = async (cameraInputId = getAppState().selectedCameraInputId) => {
diff --git a/WebApp/src/routes/client/+page.svelte b/WebApp/src/routes/client/+page.svelte
index 41a5bb9..240507a 100644
--- a/WebApp/src/routes/client/+page.svelte
+++ b/WebApp/src/routes/client/+page.svelte
@@ -216,6 +216,8 @@
 					<video
 						id="clientStreamVideo"
 						class="absolute inset-0 h-full w-full object-contain {$appState.clientStreamMode === 'video' ? '' : 'hidden'}"
+						autoplay
+						muted
 						playsinline
 						bind:this={clientVideoElement}
 					></video>