From 246cc373e282e9004ab2dc27bd60239840b11529 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Fri, 19 Dec 2025 17:36:43 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EB=B9=84=EB=94=94=EC=98=A4=20=EC=9E=AC?=
 =?UTF-8?q?=EC=83=9D=20=ED=95=98=EC=9D=B4=EB=93=9C=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Video.vue | 9 ++++-----
 layers/utils/urlUtil.ts           | 7 ++++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/layers/components/atoms/Video.vue b/layers/components/atoms/Video.vue
index 2cb8111..c0785b4 100644
--- a/layers/components/atoms/Video.vue
+++ b/layers/components/atoms/Video.vue
@@ -4,7 +4,6 @@ interface Props {
   type?: 'mp4' | 'webm'
   poster?: string
   play?: boolean
-  muted?: boolean
   loop?: boolean
   bordered?: boolean
   class?: string
@@ -13,7 +12,6 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   type: 'mp4',
   play: true,
-  muted: true,
   loop: true,
   bordered: true,
 })
@@ -98,9 +96,10 @@ watch(
 )
 
 onMounted(() => {
-  nextTick(() => {
+  nextTick(async () => {
     if (props.play) {
-      playVideo()
+      await waitForCanPlay()
+      await playVideo()
     }
   })
 })
@@ -118,8 +117,8 @@ onBeforeUnmount(() => {
     <video
       ref="videoRef"
       :poster="props.poster"
-      :muted="props.muted"
       :loop="props.loop"
+      muted
       playsinline
     >
       <source :src="props.src" :type="`video/${props.type}`" />
diff --git a/layers/utils/urlUtil.ts b/layers/utils/urlUtil.ts
index a27c182..76bd4a5 100644
--- a/layers/utils/urlUtil.ts
+++ b/layers/utils/urlUtil.ts
@@ -10,9 +10,9 @@ export const isExternalUrl = (url: string): boolean => {
 }
 
 /**
- * 게임 도메인을 가져오는 컴포저블 함수
+ * 게임 도메인을 추출하는 함수
  * 서버와 클라이언트 환경에서 모두 동작
- * @param event - H3 이벤트 객체 (서버 미들웨어에서 직접 전달 가능)
+ * @param event - H3 이벤트 객체 (서버 전달 필수)
  * @returns 게임 도메인 문자열
  */
 export const getGameDomain = (event?: H3Event): string => {
@@ -66,7 +66,8 @@ export const getPathLocale = (url: string): string => {
 
 /**
  * URL에서 언어 코드 이후의 경로를 추출하는 함수
- * @param url - URL 문자열 (서버에서는 필수)
+ * 서버와 클라이언트 환경에서 모두 동작
+ * @param url - URL 문자열
  * @returns 언어 코드 이후의 경로 문자열
  */
 export const getPathAfterLanguage = (url: string): string => {