safari autoplay

src/components/VideoAds/VideoAds.jsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import { useRef, useState, useEffect  } from 'react';
 import { Box, Button } from '@mui/material';
 import PropTypes from 'prop-types';
 import videoAds from "../../assets/video/amberads.mp4";
@@ -7,6 +7,15 @@ const VideoAds = ({ video_url, height, width }) => {
   const videoRef = useRef(null);
   const [isMuted, setIsMuted] = useState(true);
 
+  useEffect(() => {
+    if (videoRef.current) {
+      videoRef.current.muted = true; // Ensure video starts muted for autoplay
+      videoRef.current.play().catch((err) => {
+        console.warn('Autoplay failed:', err);
+      });
+    }
+  }, []);
+
   const toggleMute = () => {
     if (videoRef.current) {
       videoRef.current.muted = !isMuted;