diff --git a/src/views/step1.vue b/src/views/step1.vue
index 29798e1..e29956a 100644
--- a/src/views/step1.vue
+++ b/src/views/step1.vue
@@ -8,7 +8,7 @@
       <div class="main-top">
         <div class="ip" ref="ipRef">
           <!-- muted -->
-          <video class="ip-video" src="@/assets/step1/1.mp4" autoplay playsinline webkit-playsinline preload="auto" />
+          <video class="ip-video" :src="introVideoSrc" autoplay playsinline webkit-playsinline preload="auto" />
         </div>
         <div class="r">
           <div class="video-tips">
@@ -28,8 +28,10 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
+import introVideoUrl from '@/assets/step1/1.mp4?url';
 
 const showHelp = ref(true);
+const introVideoSrc = introVideoUrl;
 
 const router = useRouter();
 const start = () => {
diff --git a/src/views/step2.vue b/src/views/step2.vue
index ef2b39d..35e6556 100644
--- a/src/views/step2.vue
+++ b/src/views/step2.vue
@@ -486,11 +486,11 @@ onBeforeUnmount(async () => {
 }
 
 .reticle__hole.is-recording .reticle__line--top {
-  animation: reticleLineDownUp 2s ease-in-out infinite;
+  animation: reticleLineDownUp 4s ease-in-out infinite;
 }
 
 .reticle__hole.is-recording .reticle__line--bottom {
-  animation: reticleLineUpDown 2s ease-in-out infinite;
+  animation: reticleLineUpDown 4s ease-in-out infinite;
 }
 
 @keyframes reticleLineDownUp {
diff --git a/src/views/step3.vue b/src/views/step3.vue
index 1de91d5..28f8290 100644
--- a/src/views/step3.vue
+++ b/src/views/step3.vue
@@ -11,7 +11,7 @@
     <div class="main">
       <video
           class="close-video"
-          src="@/assets/step3/3.mp4"
+          :src="closeVideoSrc"
           
           playsinline
           autoplay
@@ -30,9 +30,11 @@
 import { Capacitor } from '@capacitor/core';
 import { ref, onMounted, onUnmounted } from 'vue';
 import { useRouter } from 'vue-router';
+import closeVideoUrl from '@/assets/step3/3.mp4?url';
 
 const showHelp = ref(true);
 const router = useRouter();
+const closeVideoSrc = closeVideoUrl;
 const start = () => {
   router.push('/step2');
 }