목록으로

모바일에서 영상을 100%로 보게 하려면 어떻게 해야할까요? 채택완료

smltree

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9개월 전 조회 2,526

답변 1

비메오 영상을 아래와 같은 코드로 넣습니다.

Copy

여기에서 영상의 사이즈를 600 340으로 정하다보니

모바일로 가면 영상이 너무 커서 화면에 다 안나오는 현상이 발생합니다.

모바일로 가면 영상이 자동으로 가로 100%로 되는 방법이 있을까요?

#영카트5 #그누보드5

답변 1개

정렬:

채택된 답변

+20 포인트

닥본사

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9개월 전

Copy





  





.video-container {

  position: relative;

  padding-bottom: 56.25%; 

  height: 0;

  overflow: hidden;

  max-width: 100%;

}

.video-container iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

로그인 후 평가할 수 있습니다