fix. 유튜브 영상 썸네일 퀄리티 조절

This commit is contained in:
clkim
2025-11-20 10:47:10 +09:00
parent 7380111937
commit b4797e4806
2 changed files with 10 additions and 7 deletions

View File

@@ -81,7 +81,7 @@ const thumbOptions = computed<Options>(() => ({
const getThumbnailSrc = (item: PageDataTemplateComponentSet) => {
if (props.variant === 'media') {
const mediaComponent = getComponentGroup(item, 'media')
return mediaComponent ? getMediaImgSrc(mediaComponent) : ''
return mediaComponent ? getMediaImgSrc(mediaComponent, 'high') : ''
}
const thumbnailComponent = getComponentGroup(item, 'pagenaviThumbnail')
@@ -111,9 +111,12 @@ onMounted(() => {
mainInst.sync(thumbsInst)
// 썸네일 슬라이드의 화살표 버튼에 이벤트 리스너 추가
nextTick(() => {
removeArrowListeners = addArrowClickListeners(thumbsInst, (direction, targetIndex) => {
emit('arrowClick', direction, targetIndex)
})
removeArrowListeners = addArrowClickListeners(
thumbsInst,
(direction, targetIndex) => {
emit('arrowClick', direction, targetIndex)
}
)
})
}
})
@@ -124,7 +127,7 @@ onBeforeUnmount(() => {
removeArrowListeners()
removeArrowListeners = null
}
// Splide 인스턴스 정리
mainInst?.destroy?.()
thumbsInst?.destroy?.()

View File

@@ -45,7 +45,7 @@ const getMediaComponent = (item: PageDataTemplateComponentSet) => {
const getMediaImgSrcFromItem = (item: PageDataTemplateComponentSet) => {
const mediaComponent = getMediaComponent(item)
return mediaComponent ? getMediaImgSrc(mediaComponent) : ''
return mediaComponent ? getMediaImgSrc(mediaComponent, 'maxres') : ''
}
const getYouTubeEmbedUrlFromMedia = (item: PageDataTemplateComponentSet) => {
@@ -95,7 +95,7 @@ const stopVideo = () => {
clearTimeout(stopVideoTimeoutId)
stopVideoTimeoutId = null
}
// 전환 시간 후 완전히 제거
stopVideoTimeoutId = setTimeout(() => {
playingSlideIndex.value = null