동영상 iframe 비율 자동으로 맞춰 전체화면하기

동영상 iframe 비율 자동으로 맞춰 전체화면하기

QA

동영상 iframe 비율 자동으로 맞춰 전체화면하기

본문

안녕하세요,, 고수님들의 의견 듣고자합니다.

현재 많이들 쓰시는 방법으로..

비디오 링크를 올리면 iframe이 위드 100퍼센트로 되게 해두었는데요 (아래 코드)

 


 
.vimeo_wrap{
position: relative;
padding-bottom: 56.25%;
height: auto;
overflow: hidden;
margin: 0;
}
 
.vimeo_wrap iframe, .vimeo_wrap object, .vimeo_wrap embed{
position: absolute;
top: 0;
left: 0;
​​​​​​​width: 100%;
​​​​​​​height: 100%;
}
 

 

위 코드는 16:9 보통의 영상비율에 맞춘것인데 올리는 영상파일 비율이.. 중구난방인거같더라구요 ㅠ

혹시 비메오나 유튜브의 영상 비율을 알아내는 방법도 있을까요?

 

이 질문에 댓글 쓰기 :

답변 2

유튜브 api 를 통하여 원본 해상도를 가져올 수 있습니다.

아래 문서를 참조하세요.

https://developers.google.com/youtube/v3/docs/thumbnails?hl=ko

감사합니다!
다만 영상을 유튜브, 비메오 등 여러 경로를 통해 가져올 예정이어서..
글쓰기 페이지에서 라디오버튼으로 해상도를 선택한 후 클래스에 따라 패딩값 조절하기로 하였습니다..

알려주신 부분 알아두었다가 다음에 유용하게 사용하겠습니다, 감사합니다!

썸네일 말고는 영상 자체의 사이즈는 따로 api에서 지원하지 않는것으로 알고있습니다 :)

답변을 작성하시기 전에 로그인 해주세요.
전체 20
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT