From 23a7f1abae8f395a670b48bd5b8617d80827b352 Mon Sep 17 00:00:00 2001
From: MFA-X-AI <fahreza@xpress.ai>
Date: Thu, 22 Aug 2024 00:40:44 +0900
Subject: [PATCH] add mute tag to allow autoPlay

---
 src/components/XircuitsForEnterprise.tsx | 2 +-
 src/components/XircuitsforDevelopers.tsx | 2 +-
 src/components/XircuitsforUsers.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/XircuitsForEnterprise.tsx b/src/components/XircuitsForEnterprise.tsx
index a0dc37e..2e30dae 100644
--- a/src/components/XircuitsForEnterprise.tsx
+++ b/src/components/XircuitsForEnterprise.tsx
@@ -36,7 +36,7 @@ function XircuitsforEnterprise() {
         <div className={clsx('col col--5 col--offset-1 flex')}>
           <div className={styles.center}>
             <div className={styles.gifPad}>
-              <video src="/img/website/xircuits-for-enterprise-small.webm" autoPlay loop></video>
+              <video src="/img/website/xircuits-for-enterprise-small.webm" autoPlay muted loop></video>
             </div>
           </div>
         </div>
diff --git a/src/components/XircuitsforDevelopers.tsx b/src/components/XircuitsforDevelopers.tsx
index 748d05c..e5a7e6b 100644
--- a/src/components/XircuitsforDevelopers.tsx
+++ b/src/components/XircuitsforDevelopers.tsx
@@ -12,7 +12,7 @@ function XircuitsforDevelopers() {
         <div className={clsx('col col--5 col--offset-1')}>
           <div className={styles.center}>
             <div className={styles.gifPad}>
-              <video src="/img/website/xircuits-for-developers-small.webm" autoPlay loop></video>
+              <video src="/img/website/xircuits-for-developers-small.webm" autoPlay muted loop></video>
             </div>
           </div>
         </div>
diff --git a/src/components/XircuitsforUsers.tsx b/src/components/XircuitsforUsers.tsx
index dfc26b8..700fa9b 100644
--- a/src/components/XircuitsforUsers.tsx
+++ b/src/components/XircuitsforUsers.tsx
@@ -37,7 +37,7 @@ function XircuitsforUsers() {
         <div className={clsx('col col--5 col--offset-1 flex')}>
           <div className={styles.center}>
             <div className={styles.gifPad}>
-              <video src="/img/website/xircuits-for-users-small.webm" autoPlay loop></video>
+              <video src="/img/website/xircuits-for-users-small.webm" autoPlay muted loop></video>
             </div>
           </div>
         </div>