동영상 iframe 비율 자동으로 맞춰 전체화면하기 채택완료
sooable
3년 전
조회 2,415
안녕하세요,, 고수님들의 의견 듣고자합니다.
현재 많이들 쓰시는 방법으로..
비디오 링크를 올리면 iframe이 위드 100퍼센트로 되게 해두었는데요 (아래 코드)
</p>
<p> </p>
<p>.vimeo_wrap{</p>
<p>position: relative;</p>
<p>padding-bottom: 56.25%;</p>
<p>height: auto;</p>
<p>overflow: hidden;</p>
<p>margin: 0;</p>
<p>}</p>
<p> </p>
<p>.vimeo_wrap iframe, .vimeo_wrap object, .vimeo_wrap embed{</p>
<p>position: absolute;</p>
<p>top: 0;</p>
<p>left: 0;</p>
<p>width: 100%;</p>
<p>height: 100%;</p>
<p>}</p>
<p> </p>
<p>
위 코드는 16:9 보통의 영상비율에 맞춘것인데 올리는 영상파일 비율이.. 중구난방인거같더라구요 ㅠ
혹시 비메오나 유튜브의 영상 비율을 알아내는 방법도 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
3년 전
유튜브 api 를 통하여 원본 해상도를 가져올 수 있습니다.
아래 문서를 참조하세요.
https://developers.google.com/youtube/v3/docs/thumbnails?hl=ko
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
s
sooable
3년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
다만 영상을 유튜브, 비메오 등 여러 경로를 통해 가져올 예정이어서..
글쓰기 페이지에서 라디오버튼으로 해상도를 선택한 후 클래스에 따라 패딩값 조절하기로 하였습니다..
알려주신 부분 알아두었다가 다음에 유용하게 사용하겠습니다, 감사합니다!