diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ab7257f..8067899 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -890,6 +890,8 @@ watch(
                         :resolution="{ width: photoWidth, height: photoHeight }"
                         ref="camera"
                         :autoplay="false"
+                        :playsinline="true"
+                        :facingMode="'user'"
                         :style="!img ? 'display: block' : 'display: none'"
                       />
 
@@ -1004,6 +1006,8 @@ watch(
                           }"
                           ref="camera"
                           :autoplay="false"
+                          :playsinline="true"
+                          :facingMode="'user'"
                           :style="!img ? 'display: block' : 'display: none'"
                         />
 
@@ -1513,6 +1517,15 @@ watch(
   height: 100%;
 }
 
+/* iOS-specific video fixes */
+.card-container video,
+.card-container-xs video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  -webkit-object-fit: cover;
+}
+
 .bg-topOut {
   background: rgb(39, 50, 56);
   background: linear-gradient(
diff --git a/src/views/MapView.vue b/src/views/MapView.vue
index 340308b..1b4c40f 100644
--- a/src/views/MapView.vue
+++ b/src/views/MapView.vue
@@ -335,6 +335,8 @@ onMounted(async () => {
                       :resolution="{ width: photoWidth, height: photoHeight }"
                       ref="camera"
                       :autoplay="false"
+                      :playsinline="true"
+                      :facingMode="'user'"
                       :style="!img ? 'display: block' : 'display: none'"
                     />
 
@@ -569,4 +571,12 @@ onMounted(async () => {
   width: 100%;
   height: 100%;
 }
+
+/* iOS-specific video fixes */
+.card-container video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  -webkit-object-fit: cover;
+}
 </style>