diff --git a/src/views/Activities/DailyRecharge/index.vue b/src/views/Activities/DailyRecharge/index.vue
index 0993545..2c7701a 100644
--- a/src/views/Activities/DailyRecharge/index.vue
+++ b/src/views/Activities/DailyRecharge/index.vue
@@ -330,15 +330,17 @@ justify-content: flex-start;
                     >
                       <VapMp4Player
                         v-if="mainReward.sourceUrl && rewardPreviewPlaying"
-                        :model-value="true"
+                        :model-value="rewardPreviewPlaying"
                         :src="mainReward.sourceUrl"
-                        mode="inline"
+                        mode="overlay"
                         fit="contain"
                         :loop="true"
                         :mute="true"
                         :auto-close="false"
-                        :show-close="false"
+                        :show-close="true"
                         :show-status="false"
+                        @update:modelValue="rewardPreviewPlaying = $event"
+                        @close="rewardPreviewPlaying = false"
                         @error="handleRewardVapError"
                       />
                       <img