From e68ed9c962c26b6f42ea0e9711b90468c9ab5801 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Mon, 8 Jun 2026 13:48:50 +0800
Subject: [PATCH] fix: await nextTick before setting video src on first preview

---
 editor/components/PreviewPanel.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/editor/components/PreviewPanel.vue b/editor/components/PreviewPanel.vue
index 794df65..3f83f4d 100644
--- a/editor/components/PreviewPanel.vue
+++ b/editor/components/PreviewPanel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue'
+import { ref, watch, computed, nextTick } from 'vue'
 
 const props = defineProps<{
   videoUrl: string | null
@@ -9,7 +9,8 @@ const videoRef = ref<HTMLVideoElement | null>(null)
 const playing = ref(false)
 const paused = ref(false)
 
-watch(() => props.videoUrl, (url) => {
+watch(() => props.videoUrl, async (url) => {
+  await nextTick()
   if (!videoRef.value || !url) return
   videoRef.value.src = url
   playing.value = false