MENU
제목 유튜브 동영상 넣을때 모바일에서 자동 높이조절 문제
작성자 WEBKILL
작성일자 2018-04-23


유튜브 동영상 주소를 넣으면 PC에서는 잘 나오는데..
모바일에서 위아래가 짤리거나 검은 여백이 남게됩니다.
아래 사이트에서 해당 유뷰브 주소를 넣고 embed 버튼을 누르면
아래 소스가 나옵니다.
복사하셔서 원하는곳에 넣으시면 됩니다.


http://embedresponsively.com/

//소스분석//
height: 0; width: 100%; --> 넓이를 100%로 하고 높이를 0으로 하여 padding-bottom 값(%)으로 높이 조절
padding-bottom: 56.25%; --> 56.25%가 16:9 비율