diff --git a/components/Camera.vue b/components/Camera.vue
index 6352e80..3dcd0e0 100644
--- a/components/Camera.vue
+++ b/components/Camera.vue
@@ -55,6 +55,9 @@ const loadCamera = (deviceId: ConstrainDOMString) => {
         return;
       };
       video.value.srcObject = stream
+      video.value.onloadedmetadata = function (e) {
+        cameraView.play()
+      }
 
       window.localStorage.setItem(deviceStorageToken, deviceId.toString())
     })
@@ -202,7 +205,7 @@ defineExpose({
 <template>
   <div class="not-prose">
 
-    <video v-if="deviceId" ref="video" class="w-full object-contain" autoplay />
+    <video v-if="deviceId" ref="video" class="w-full object-contain" autoplay muted playsinline />
     <div v-else>
       <USkeleton class="w-[95vw] h-[85svh]" />
     </div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9f03a02..b1a4d9d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -33,6 +33,7 @@ export default defineNuxtConfig({
       name: 'SnapHold',
       short_name: 'SnapHold',
       theme_color: '#ffffff',
+      display: "standalone",
       icons: [
         {
           src: 'pwa-192x192.png',