티스토리 동영상 검은색 여백 줄이는 방법(카카오TV 크기 조정 후 생기는 여백)

이 글은 저와 같이 티스토리나 HTML에 대해 잘 모르는 사람들이 얻을만한 팁입니다.

 

저는 요새 티스토리에 글 쓰고 수정하는 것들을 조금씩 알아가고 있습니다.

별문제 없이 사용하다가도 가끔 페이지에서 내맘대로 보이지 않을 경우가 있어서

알아보거나 이리저리 시험을 해보면서 배워가는데요.

 

이번에는 동영상을 업로드 후 크기를 조절하면 

영상은 작아지는데 검은색 여백이 생겨서 

보기에 거슬리더라고요.

해결방법을 찾아보았습니다.

---

A. 동영상을 티스토리에 업로드하면 카카오TV를 통해서 연결이 됩니다.

   아래는 그냥 업로드한 상태입니다. 

B. 해상도가 작은 동영상으로 준비하여 크게 보일 경우 화질이 깨져 보입니다.

   또한, 페이지에서 조금 작게 보이게 하고 싶어서

   파일 업로드 후 동영상 크기를 줄이면 다음과 같이 보입니다.

동영상 크기는 줄었는데, 검은색 여백이 보기 좋지 않게 생겼죠?

그래서 그 여백도 줄여보겠습니다.

 

C. 여백도 줄인 동영상입니다.

---

동영상과 같이 여백도 같이 줄이는 TIP

 

C번 동영상과 같이 보이게 하는 방법은 다음과 같습니다.

 

1. 글을 수정하는 페이지로 들어가면 페이지 상단에 메뉴가 보입니다.

   오른쪽을 보시면 기본모드라는 글씨가 보이는데 버튼을 누르면

   아래쪽으로 추가 선택이 가능합니다.

   HTML을 선택하세요.

2. 아래와 같이 글씨가 난무하는 페이지 소스가 보입니다.

   본인이 썼던 글 기준으로 보면 동영상 위치를 찾을 수 있습니다.

   video, kakaoTV 등의 글씨가 쓰여있고 길이가 길어서 찾기 어렵지 않으실 거예요.   

 잘은 모르겠지만, 썸네일과 비디오의 위치와 크기 및 형식을 지정하는 코드인 듯합니다.

 (그래도 width, height는 아니까 ㅋㅋ)

 width를 보니 제가 동영상 크기를 수정한 300으로 되어있는데,

 height는 수정이 되어있지 않습니다.

 하얀색 박스로 표시된 두 부분의 width와 height를 

 원하는 크기로 수정하여 저장하시면 됩니다.

 (저는 동여상 크기가 1:1이어서 숫자를 모두 300으로 수정하였습니다.)

 미리 보기 썸네일에서는 여백이 생기는데, 동영상을 재생하면 원하는 비율대로 나옵니다.

---

티스토리와 html에 대해 잘 모르는 제가 드리는 팁입니다. ^^

즐거운 블로그 생활하세요~