From 8a2d5403ad894450e9a26b0793931244a8e53699 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 22:40:45 +0000
Subject: [PATCH] Enable video autoplay on mobile devices by default

Update VideoCard component to set `muted` to `true` on mobile viewports (width < 768px) to enable autoplay functionality.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
---
 client/src/components/video-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 9f83a19..3bc5f89 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -169,7 +169,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
                 objectFit: 'cover'
               }}
               autoPlay
-              muted={false}
+              muted={window.innerWidth >= 768 ? false : true}
               loop
               playsInline
               controls={false}