diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 7d6c217..8f1637c 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -240,9 +240,28 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay playsInline controls={false} disablePictureInPicture - onLoadStart={() => {}} + onLoadStart={() => { + // Force muted state on load start + if (videoRef.current) { + videoRef.current.muted = isMuted; + videoRef.current.volume = 0; + } + }} onError={() => {}} - onCanPlay={() => {}} + onPlay={() => { + // Force muted state on play + if (videoRef.current) { + videoRef.current.muted = isMuted; + videoRef.current.volume = 0; + } + }} + onCanPlay={() => { + // Force muted state when video can play + if (videoRef.current) { + videoRef.current.muted = isMuted; + videoRef.current.volume = 0; + } + }} onTimeUpdate={(e) => setCurrentTime(e.currentTarget.currentTime)} onLoadedMetadata={(e) => setDuration(e.currentTarget.duration)} onMouseMove={(e) => {