From 0828e9f115a8a61abb7702f03fe591a941cc65de Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 7 May 2026 14:36:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=AF=8F=E6=97=A5=E5=85=85=E5=80=BC?=
 =?UTF-8?q?=E6=B4=BB=E5=8A=A8-->vap=E8=83=8C=E6=99=AF=E7=BB=84=E4=BB=B6):?=
 =?UTF-8?q?=20=E5=8F=96=E6=B6=88=E5=8E=9F=E7=94=9Fvideo=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=85=9C=E5=BA=95=EF=BC=8C=E5=AE=89=E5=8D=93=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E4=BD=BF=E7=94=A8VapMp4Player?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DailyRecharge/components/vapBg.vue        | 75 ++-----------------
 1 file changed, 6 insertions(+), 69 deletions(-)

diff --git a/src/views/Activities/DailyRecharge/components/vapBg.vue b/src/views/Activities/DailyRecharge/components/vapBg.vue
index cf59275..2a6a5a1 100644
--- a/src/views/Activities/DailyRecharge/components/vapBg.vue
+++ b/src/views/Activities/DailyRecharge/components/vapBg.vue
@@ -1,20 +1,6 @@
 <template>
   <div class="active-game-page">
-    <video
-      v-if="!useVapPlayer"
-      ref="nativeVideoRef"
-      class="native-background-video"
-      :src="resolvedSrc"
-      autoplay
-      muted
-      loop
-      playsinline
-      webkit-playsinline
-      x5-playsinline
-      preload="auto"
-    ></video>
     <VapMp4Player
-      v-else
       v-model="backgroundVisible"
       class="vap-background"
       :src="src"
@@ -30,7 +16,7 @@
 </template>
 
 <script setup>
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
+import { onMounted, ref } from 'vue'
 import { showError } from '@/utils/toast.js'
 import VapMp4Player from '@/components/VapMp4Player.vue'
 import { preloadVapConfig } from '@/utils/vapMp4Config.js'
@@ -44,63 +30,22 @@ const props = defineProps({
 })
 
 const backgroundVisible = ref(true)
-const nativeVideoRef = ref(null)
-const useVapPlayer = ref(false)
-const resolvedSrc = computed(() => resolveProtectedAssetUrl(props.src))
 
-async function ensureNativeVideoPlayback() {
-  await nextTick()
-
-  const video = nativeVideoRef.value
-  if (!video) {
+function preloadVap() {
+  if (!props.src) {
     return
   }
 
-  video.muted = true
-  video.defaultMuted = true
-  video.playsInline = true
-  video.setAttribute('playsinline', '')
-  video.setAttribute('webkit-playsinline', '')
-  video.setAttribute('x5-playsinline', '')
-
-  try {
-    await video.play()
-  } catch (error) {
-    console.warn('Native background video autoplay failed:', error)
-  }
-}
-
-async function resolvePlaybackMode() {
-  useVapPlayer.value = false
-
-  if (!resolvedSrc.value) {
-    return
-  }
-
-  ensureNativeVideoPlayback()
-
-  const vapConfig = await preloadVapConfig(resolvedSrc.value)
-  if (vapConfig) {
-    useVapPlayer.value = true
-  }
+  preloadVapConfig(resolveProtectedAssetUrl(props.src))
 }
 
 function handleVapError(error) {
   console.error('VAP playback failed:', error)
-  useVapPlayer.value = false
-  ensureNativeVideoPlayback()
-
-  if (!error?.message?.includes('VAP config')) {
-    showError(error?.message || 'VAP playback failed')
-  }
+  showError(error?.message || 'VAP playback failed')
 }
 
 onMounted(() => {
-  resolvePlaybackMode()
-})
-
-watch(resolvedSrc, () => {
-  resolvePlaybackMode()
+  preloadVap()
 })
 </script>
 
@@ -108,12 +53,4 @@ watch(resolvedSrc, () => {
 .active-game-page {
   overflow: hidden;
 }
-
-.native-background-video {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  pointer-events: none;
-}
 </style>