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

smltree

9개월 전 조회 2,573

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

Copy

<center><iframe src="https://player.vimeo.com/video/영상의고유번호?

title=0&byline=0&portrait=0&autoplay=1" style="width:600px; height:340px"allowfullscreen="true"

frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></center>

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

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

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

#영카트5 #그누보드5

답변 1개

정렬:

채택된 답변

+20 포인트

닥본사

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

9개월 전

Copy

<div class="video-container">
  <iframe src="https://player.vimeo.com/video/비디오ID" frameborder="0" allowfullscreen></iframe>
</div>

<style>
.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%;
}
</style>

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