본문 바로가기
투잡/블로그

티스토리 동영상 GIF로 업로드 HTML 편집 방법

by 세로이 2022. 11. 29.
반응형

티스토리 영상

티스토리에는 기본적으로 동영상을 첨부할 수 있다.

동영상 첨부를 사용하려면 카카오 TV에 로그인 후,

카카오 TV 계정에 영상을 먼저 업로드하여야 한다.

그렇게 업로드된 영상을 카카오 TV로부터 불러와서 티스토리에 첨부하게 된다.

카카오 TV에 올린 영상을 비공개 처리하면 티스토리에서 해당 영상을 불러올 수가 없다.

즉, 본인 계정 카카오 TV에 영상이 전체 공개로 꾸준히 쌓이게 된다.

크게 신경 쓸 부분이 아닐 수 있지만, 동영상을 GIF 파일로 바꾼다면 간단히 해결될 문제이다.


GIF로 업로드

동영상 파일을 동영상 첨부가 아니라

파일 첨부를 선택하자.

 

화면 기록 2022-11-29 오후 12.48.50.mov
14.42MB

단순히 파일만 업로드하면 위와 같이 첨부된다.

 

업로드된, 파일을 우클릭하여 링크 주소를 복사하자.

그리고 HTML 편집 모드로 들어가 업로드 한 파일의 위치를 찾자.

 

해당 부분을 수정해줘야 하는데

<p><video src="우클릭으로 복사한 파일 주소" autoplay="autoplay" loop="loop" muted="" width="100%" height="NaN"></video></p>

src는 파일의 주소

autoplay는 자동재생

loop는 영상을 반복할 것인지

muted는 소리

width는 퍼센트를 붙이지 않으면 고정 픽셀로

퍼센트를 붙치면 사용자의 기기 및 환경에 따른 비율로 자동 조정된다.

height는 NaN 설정값을 해두면 width에 맞게 자동으로 조절된다.


편집 완료

영상 파일을 GIF로 첨부한 모습이다.

파일을 업로드할 때 용량이 커서 애초에 파일 첨부 자체가 안되는 경우가 있다.

구글에 "영상파일 크기 줄이기"를 검색해서 줄인 다음

HTML 편집으로 GIF 첨부를 하면 된다.

 

만약, 파일 크기를 줄여도 첨부가 안 된다면

어쩔 수 없이 동영상으로 첨부하여야 한다.

반응형

댓글