diff --git a/layers/components/atoms/Video.vue b/layers/components/atoms/Video.vue index 141c36f..8e6bf39 100644 --- a/layers/components/atoms/Video.vue +++ b/layers/components/atoms/Video.vue @@ -47,7 +47,6 @@ const pauseVideo = () => { clearPauseTimer() - // 새 타이머 설정 pauseTimer.value = setTimeout(() => { if (videoRef.value) { videoRef.value.pause() @@ -57,15 +56,21 @@ const pauseVideo = () => { }, 500) } +const waitForCanPlay = () => + new Promise(resolve => { + if (!videoRef.value) return resolve() + videoRef.value.addEventListener('canplay', () => resolve(), { once: true }) + }) + const reloadVideo = async () => { if (!videoRef.value) return clearPauseTimer() - videoRef.value.currentTime = 0 videoRef.value.load() if (props.play) { + await waitForCanPlay() await playVideo() } } diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue index 39e06b1..16db37b 100644 --- a/layers/components/layouts/Header.vue +++ b/layers/components/layouts/Header.vue @@ -280,6 +280,7 @@ onMounted(() => { class="nav-item" :class="{ 'is-hidden': + isMounted && overflowNam > 0 && Number(key) >= Object.keys(gnbData?.menus).length - overflowNam, @@ -331,7 +332,7 @@ onMounted(() => { -
+