●사진과 동영상, 화질

티스토리 mp4로 움짤팁 [gif webp말고 mp4로 움짤]

행복한떠돌이 2023. 9. 2. 23:03
반응형

gif,webp로 움짤 만들 수도 있지만, html작성이 가능한 곳이면, mp4로도 움짤을 만들 수 있다.

 

다른 사이트들은 첨부파일을 따로 못올리는 경우가 많아서 하려면 첨부파일을 따로 올려놓고 해야하지만

티스토리는 첨부파일을 올릴 수 있기에 티스토리 내에서 바로 가능하다.


 


1 . 일단, mp4를 첨부파일로 올린다. 간단하게 드래그 해도 된다.

 

 

 


 


2. 우클릭을 눌러서 링크복사를 한다.

복사한 후에 첨부파일은 지워도 된다. 어디에 움짤을 넣을지 기억해두자.

 

 

 

3. 우측 상단의 html 편집기에 들어간다.

처음 보면 어지럽지만 본문도 보이기에 아 여기에 넣으려고 했지하는 위치가 보일 것이다.

 

4. 원하는 자리에

 <video style="width:100%; max-width:해당 동영상 가로 해상도 px;"

src="링크주소" autoplay="autoplay" loop="loop" muted="">

를 입력하면 된다.

입력하기 쉽게 아래에 있는 문구를 사용하자.

<video style="width:100%; max-width:px;" src="" autoplay="autoplay" loop="loop" muted="">

 

저기 위 문구를 조금 설명하자면, style="width:100%; 의 문구가 없으면

폰 너머로 동영상이 아래와 같이 삐져나와버리기 때문에 필요하다.


width:100%없을시 폰에서 화면너머로 동영상이 삐져나온다.


 

있을시 이렇게 정상적으로 보인다.


max-width:해당 동영상 가로 해상도px 는 없으면 pc에서 본문크기에 맞게 동영상이 확대되서 화질이 나빠보인다. 

166px를 넣으면 정상크기로 보인다.

 

 

처음하면 되게 오래걸릴 수도 있는데

팁을 주자면 첨부파일을 넣고 링크복사를 했으면

그 링크를 본문에 붙여놓은 후 해상도랑 같이 기입해놓고

 

글 다쓴후에 html에 들어가서 링크 주소 찾아서 그 밑에 일단
<video style="width:100%; max-width:px;" src="" autoplay="autoplay" loop="loop" muted="">
다 붙여넣기 한 후에

주소 잘라내고 붙여넣고 반복하면 생각외로 빠르다. 

반응형