fix: disabled autoplay for marketing videos on landing page

hngprojects · Aug 25, 2024 · c737b96 · c737b96
1 parent e4997bf
commit c737b96
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/layouts/homepage/HowItWorks.tsx b/src/components/layouts/homepage/HowItWorks.tsx
@@ -25,6 +25,7 @@ const HowItWorks = () => {
               src={
                 "https://res.cloudinary.com/oyerotech-herokuapp-com/video/upload/v1724570490/Boilerplate_Template_Video_1_iixcin.mp4"
               }
+              autoPlay={false}
               controls
               className="h-auto w-full rounded-lg shadow-lg"
               style={{ maxHeight: "400px", maxWidth: "100%" }}
@@ -39,6 +40,7 @@ const HowItWorks = () => {
               src={
                 "https://res.cloudinary.com/oyerotech-herokuapp-com/video/upload/v1724570524/How-does-it-work_Video_for_HNG_Boilerplate_mh6p6b.mp4"
               }
+              autoPlay={false}
               controls
               className="h-auto w-full rounded-lg shadow-lg"
               style={{ maxHeight: "400px", maxWidth: "100%" }}
@@ -100,7 +102,7 @@ const HowItWorks = () => {
           </div>
         </div>
       </div>
-    </>
+    </div>
   );
 };