동영상 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에서 지원하지 않는것으로 알고있습니다 :)
통일된 사이즈로 영상제작해달라고 하는 수밖에 방법이 없을 수도 있겠네요 ㅠ 감사합니다..
답변을 작성하시기 전에 로그인 해주세요.