본문으로 바로가기

유튜브 동영상 주소를 넣으면 PC에서는 잘 나오는데..

모바일에서 위아래가 짤리거나 검은 여백이 남게됩니다.

아래 사이트에서 해당 유뷰브 주소를 넣고 embed 버튼을 누르면

아래 소스가 나옵니다.

복사하셔서 원하는곳에 넣으시면 됩니다.

http://embedresponsively.com/


//소스분석//

height: 0; width: 100%; --> 넓이를 100%로 하고 높이를 0으로 하여 padding-bottom 값(%)으로 높이 조절

padding-bottom: 56.25%; --> 56.25%가 16:9 비율

 

 

 


댓글을 달아 주세요