diff --git a/src/pages/root/steps/data-step/index.tsx b/src/pages/root/steps/data-step/index.tsx
index ab14327..07d44c0 100644
--- a/src/pages/root/steps/data-step/index.tsx
+++ b/src/pages/root/steps/data-step/index.tsx
@@ -105,12 +105,16 @@ export const DataStep = ({ nextStep }: DataStepProps) => {
                 "w-full border border-white bg-[#2B2B2B] px-[10px] py-[8px] text-sm"
               }
             >
-              <ReactPlayer
-                playsinline={true}
-                controls={true}
-                width={"100%"}
-                url={rootStore.fileSrc}
-              />
+          <ReactPlayer
+            playsinline={true}
+            controls={true}
+            width="100%"
+            config={{ file: { attributes: { playsInline: true } } }}
+            url={rootStore.fileSrc}
+          />
+
+
+
             </div>
           )}
         </FormLabel>
diff --git a/src/pages/root/steps/presubmit-step/index.tsx b/src/pages/root/steps/presubmit-step/index.tsx
index cad985d..7f7ea9e 100644
--- a/src/pages/root/steps/presubmit-step/index.tsx
+++ b/src/pages/root/steps/presubmit-step/index.tsx
@@ -154,12 +154,15 @@ export const PresubmitStep = ({ prevStep }: PresubmitStepProps) => {
                 "w-full border border-white bg-[#2B2B2B] px-[10px] py-[8px] text-sm"
               }
             >
-              <ReactPlayer
-                playsinline={true}
-                controls={true}
-                width={"100%"}
-                url={rootStore.fileSrc}
-              />
+          <ReactPlayer
+            playsinline={true}
+            controls={true}
+            width="100%"
+            config={{ file: { attributes: { playsInline: true } } }}
+            url={rootStore.fileSrc}
+          />
+
+              
             </div>
           )}
 
diff --git a/src/pages/view-content/index.tsx b/src/pages/view-content/index.tsx
index 9ef5fe2..166feb2 100644
--- a/src/pages/view-content/index.tsx
+++ b/src/pages/view-content/index.tsx
@@ -66,13 +66,13 @@ export const ViewContentPage = () => {
         </div>
       )}
 
-      <ReactPlayer
-        playsinline={true}
-        controls={true}
-        width={"100%"}
-        config={{}}
-        url={content?.data?.display_options?.content_url}
-      />
+    <ReactPlayer
+      playsinline={true}
+      controls={true}
+      width="100%"
+      config={{ file: { attributes: { playsInline: true } } }}
+      url={content?.data?.display_options?.content_url} 
+   />
 
       <section className={"flex flex-col"}>
         <h1 className={"text-[20px] font-bold"}>