티스토리 동영상 첨부 시 여백 없애기

포스팅하다보면 동영상을 첨부할 때가 있습니다. 직접 찍은 동영상을 올리거나, 유튜브 링크를 통해 올리기도 합니다. 그런데 이상하게 이런 동영상을 첨부하고 글을 등록하면 커더란 여백이 생기더군요.

동영상 아래로 생기는 뜬금없는 큰 공백을 없애고자 이것저것 해봤는데, 한참을 헤매다가 찾았습니다. 블로그 스킨 편집에서 CSS를 들어간 후 Ctrl+F를 눌러 검색을 활성화시킵니다. 그리고 iframe을 검색하면 아래와 같은 문구를 찾을 수 있습니다. 저는 전체 CSS 중에 iframe 단어가 3개 밖에 없었습니다. 아마 다 비슷할거라서 쉽게 찾을 수 있을겁니다.

문제가 됐던 부분은, 'padding-bottom'인 것을 확인했습니다. 56.25%로 설정되어 있는데, 이것을 0%로 변경해주면 동영상 아래 여백이 사라집니다.

0%로 변경하면 아래와 같이 동영상 아래의 여백이 사라지는 것을 확인할 수 있었습니다!

제가 수정한 부분이 정확히 어떤 의미인지는 모르겠으나, 'padding-bottom'인 것을 보아 동영상의 frame 아래의 영역을 얼마나 줄 것인가로 보이네요.

 

뭐 결과가 좋으니 다행입니다. 혹 나중에 다른 문제가 생긴다면 그때가서 보면되겠지요 ㅋ