> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dwe.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 핏 뷰

> 비디오 피드가 카드 안에 어떻게 맞춰질지 조정합니다.

<Frame caption="비디오 피드를 더블 클릭하거나 우측 상단의 축소 버튼을 누르면 현재 핏 뷰로 재설정됩니다.">
  <video controls={false} autoPlay loop className="w-full aspect-video" src="https://mintcdn.com/deepwaterexplorationinc/e0wVLTi_h45Y5fkF/discovery/video-card-buttons/images/animations/fitViews.webm?fit=max&auto=format&n=e0wVLTi_h45Y5fkF&q=85&s=dc96cae53a7c505330cffa9c9bed1356" data-path="discovery/video-card-buttons/images/animations/fitViews.webm" />
</Frame>

두 가지 뷰 옵션 사이를 전환합니다: **contain view**는 원본 종횡비를 맞추고, **cover view**는 빈 공간을 모두 제거하기 위해 확대합니다.

<Icon icon="expand" /> 버튼을 클릭하면 cover view로 전환됩니다.

<Frame>
  <img src="https://mintcdn.com/deepwaterexplorationinc/PpwtoMTlxduUAF0D/discovery/video-card-buttons/images/coverView.png?fit=max&auto=format&n=PpwtoMTlxduUAF0D&q=85&s=ad4055b633a55f5d768720455a46e522" width="102" height="93" data-path="discovery/video-card-buttons/images/coverView.png" />
</Frame>

<Icon icon="compress" /> 버튼을 클릭하면 contain view로 전환됩니다.

<Frame>
  <img src="https://mintcdn.com/deepwaterexplorationinc/PpwtoMTlxduUAF0D/discovery/video-card-buttons/images/containView.png?fit=max&auto=format&n=PpwtoMTlxduUAF0D&q=85&s=1eb9c3b5919f4d36e7ad9c8cf368c499" width="111" height="93" data-path="discovery/video-card-buttons/images/containView.png" />
</Frame>

비디오 피드를 직접 조정할 수도 있습니다:

* <Icon icon="magnifying-glass-plus" /> **확대/축소:** 스크롤 휠
* <Icon icon="up-down-left-right" /> **이동:** 좌/우 마우스 버튼 또는 스크롤 휠 클릭-드래그

확대한 상태에서는 우측 상단에 확대/축소 배율이 표시됩니다.

<Frame>
  <img src="https://mintcdn.com/deepwaterexplorationinc/dDpT5_8Eip43UIec/discovery/video-card-buttons/images/zoomScale.png?fit=max&auto=format&n=dDpT5_8Eip43UIec&q=85&s=7bf38d5c8fc802e7eb68952cf9204610" width="108" height="49" data-path="discovery/video-card-buttons/images/zoomScale.png" />
</Frame>