이 티스토리 블로그에는 현재 스피드 스타(Speed Star)라는 스킨이 사용되고 있습니다. 얼마 전부터 유튜브 영상 링크로 유튜브 동영상을 삽입하면 영상 아래에 여백이 표시되는 문제가 발생했습니다. 이전에는 발생하지 않았는데, 카카오 데이터센터 화재 사건 이후에 티스토리가 업데이트되면서 이런 문제가 발생하는 것 같습니다.
티스토리 스피드 스타 스킨: 유튜브 영상 아래 여백 제거하기
스피드 스타 스킨에서 유튜브 영상 삽입 시 위의 그림과 같이 아래에 여백이 표시된다면 꾸미기 » 스킨 편집 » HTML 편집 » HTML 섹션에서 [**</style>**]을 검색하여 바로 위에 다음 코드를 추가하면 문제가 해결될 것입니다.
.resvid {padding-bottom:0;}
다음 그림과 같이 추가하시면 됩니다.
스피드 스타 스킨을 사용하는 경우 유튜브 영상 링크만 삽입하면 동영상으로 변환되고 레이지 로딩됩니다. 테스트를 해보니 크롬에서는 유튜브 영상이 빠르게 로드되지만, 엣지 브라우저에서는 매우 늦게 로드되는 것 같습니다.
참고
https://avada.tistory.com/2881
https://avada.tistory.com/2873