diff --git a/client/src/components/WebcamCapture.js b/client/src/components/WebcamCapture.js
index 4fdda1a..fe903b4 100644
--- a/client/src/components/WebcamCapture.js
+++ b/client/src/components/WebcamCapture.js
@@ -53,7 +53,9 @@ const WebcamStreamCapture = ({
     ({ data }) => {
       if (!data || data.size === 0) return
       const blob = new Blob([data], {
-        type: 'video/webm',
+        type: MediaRecorder.isTypeSupported('video/webm')
+          ? 'video/webm'
+          : 'video/mp4',
       })
       onStopCapture(blob)
     },
@@ -64,7 +66,9 @@ const WebcamStreamCapture = ({
     const constraints = getConstraints()
     stream = await navigator.mediaDevices.getUserMedia(constraints)
     mediaRecorderRef.current = new MediaRecorder(webcamRef.current.stream, {
-      mimeType: 'video/webm',
+      mimeType: MediaRecorder.isTypeSupported('video/webm')
+        ? 'video/webm'
+        : 'video/mp4',
     })
     mediaRecorderRef.current.addEventListener('dataavailable', onDataAvailable)
     onCaptureReady()