유튜브1 iframe 반응형 YouTube, Vimeo, 다음팟 플레이어 넣기 //----------- 스타일 지정 [반응형] (YouTube, Vimeo, 다음팟 공통) ※ 반응형 플레이어 구성을 위한 핵심 요소들의 기능은 다음과 같다. - position:relative; // chromium 기반 브라우져에서는 없어도 무방하지만 기타 브라우져에서는 이 옵션이 없으면 플레이어는 본문의 하단 저 밑까지 높이가 늘어지게 된다. - padding-bottom:56.25%; // chromium 기반 브라우져에서는 없어도 무방하지만 기타 브라우져에서는 이 옵션이 없으면 플레이어는 보이지 않고 음성만 듣게 된다. ※ 56.25라는 수치는 16:9 영상의 너비 16을 100%로 봤을 때, 높이 9에 해당하는 비율이다. 플레이어를 9에 해당하는 높이 만큼 출력해준다. 다른 비율 영상의 경우.. 2013. 12. 23. 이전 1 다음